uni-app 选择和上传非图像、视频文件

分类：uni-app

上传文件上传

小程序和H5端，参考： https://uniapp.dcloud.io/api/media/file

App端，可以使用如下方法：

使用 web-view 组件，在 web-view 组件内可以使用 input 元素进行选择，使用表单或者 xhr 上传。
在插件市场搜索原生插件：https://ext.dcloud.net.cn/search?q=file

关联阅读：视频、图片、各种文件推荐上传到uni-cdn，帮你节省至少30%的 CDN 费用！详情

21 赞关注分享

159 个评论

要回复文章请先登录或注册

j***@126.com

UploadFileF3: function(e) {

var stempFilePaths = "file://" + plus.io.convertLocalFileSystemURL("_doc/" + this.InStoreCsvFile);
var stempDbFilePath = "file://" + plus.io.convertLocalFileSystemURL("_doc/defaultMB.db");

var arrayFiles = [{name:"file1", uri:stempDbFilePath}, {name:"file2", uri:stempFilePaths}];

//console.log(arrayFiles.length);
uni.uploadFile({
//url: 'http://10.180.22.91/fic/default1.aspx?type=SET', //仅为示例，非真实的接口地址
url: this.vWebUrl + "?type=SET",
files: arrayFiles,
//filePath: "file://" + stempFilePaths,
formData: {
'user': 'test'
},
success: (uploadFileRes) => {
console.log("upload ok.");
uni.showToast({
icon: 'none',
title: '提交到服务器成功 !',
duration: 2000
});
},
fail: (fe) => {
console.log(fe);
}

});
},

我直接Copy出来了。支持自定义的文件类型，多文件一起上传。已经送到西了。还不会的请自行调试。
1) storeIn.CSV
2) DefaultMB.db 2个文件一起传到服务。
如果有多个文件，请自行维护上面的arrayFiles 对象。

2019-09-25 15:48

j***@126.com

回复 y***@126.com ：

这个file://是个坑。根本没看到文档。
要查 HBuilder那边的文档拿来试。后面可以了。

2019-09-25 15:44