fileUp() {
const address = config.baseURL + '/h5-server/h5/base/train/supplier/notice/upload/file'
const fileInput = document.createElement('input')
const that = this
fileInput.setAttribute('type', 'file');
fileInput.setAttribute('style', 'display:none');
let ua = navigator.userAgent.toLowerCase()
let phone = ""
if (ua.indexOf("android") != -1) {
phone = true //true是安卓 false是ios
} else if (ua.indexOf("iphone") != -1) {
phone = false
}
fileInput.setAttribute('accept', phone == true ? '*/*' : '');
fileInput.addEventListener('change', () => {
const file = fileInput.files[0];
const reader = new FileReader();
reader.readAsDataURL(file);
reader.onload = function() {
if (file.size / 1024 / 1024 > 80) {
console.log('文件大小不超過80Mb');
return;
}
const data = new FormData();
data.append('name', file);
let r = new XMLHttpRequest();
r.open("post", address);
uni.showLoading({
title: "上傳中,請稍等..."
})
try {
r.onloadend = () => {
const con = JSON.parse(r.responseText)
upd({
id: that.id,
planFile: JSON.stringify(con.content)
}).then((res) => {
uni.hideLoading()
that.$u.toast('提交成功')
setTimeout(() => {
uni.navigateBack()
}, 500)
})
}
r.send(data);
} catch (e) {
that.$u.toast(JSON.stringify(e))
//TODO handle the exception
}
};
});
const page = document.getElementById('page')
page.appendChild(fileInput)
fileInput.click();
},
兼容ios和安卓的文件選擇上傳方式(H5)
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
相關(guān)閱讀更多精彩內(nèi)容
- 碼字辛苦!轉(zhuǎn)載請注明出處! 在安卓8.0以前,如果需要給安卓APP創(chuàng)建快捷方式,需要使用到廣播機制。 而在最新的安...
- https://blog.csdn.net/weixin_30586369/article/details/117...
- 會出問題的方法如下: 換成下面方法可解決文件上傳失敗問題:
- 上回我們說了下文件下載的方式有哪些,這次我們從不同的環(huán)境下簡單來說說文件上傳的方式有哪些。 文件上傳的方式 Ser...