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)
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 码字辛苦!转载请注明出处! 在安卓8.0以前,如果需要给安卓APP创建快捷方式,需要使用到广播机制。 而在最新的安...
- https://blog.csdn.net/weixin_30586369/article/details/117...
- 上回我们说了下文件下载的方式有哪些,这次我们从不同的环境下简单来说说文件上传的方式有哪些。 文件上传的方式 Ser...