当前位置: 首页 > Web前端 > HTML5

uni-app选择上传文件、下载、预览-支持ios-android-微信小程序

时间:2023-04-04 23:58:36 HTML5

我不知道如何使用l文件。您可以导入示例项目并运行完整示例。希望对您有所帮助!选择附件上传已单独发布的插件,使上传按钮完全嵌入页面,不再从底部单独的二级弹出框点击查看:选择附件上传升级后的插件通讯录。必填值类型返回值说明@up-success否CallBack{name,data}上传成功callbackrefcallactionmethod输入参数类型说明downloaddownloadtype='save'表示保存到本地,默认获取临时路径预览openURL预览文件uploaduploadObject上传文件,参数见下面功能说明vue://下面的代码写在根目录下第一个视图的顶部或者自定义导航栏后面功能说明/*预览临时文件*/this.$refs.lFile.download({url}).then(path=>{this.$refs.lFile.open(path);});/***保存到本地*type非保存为临时下载*customName只有type=save才生效附件自定义名称需要有后缀,自定义目录需要以结尾/*DownloadOptionsonlytype=save生效可选参数(http://www.html5plus.org/doc/zh_cn/downloader.html#plus.downloader.DownloadOptions)*默认下载到_downloads/files/可以通过DownloadOptions自定义*/this.$refs.lFile.download({url,//必填,附件网络地址type:'save',//可选,不保存为临时下载customName:'自定义文件名需有后缀.jpg',//。..DownloadOptions直接写key:value//例如:method:'GET'}).then(path=>{this.localPath=path;});/*select文件和上传currentWebview=当前窗口,只有app端需要上传,必须上传url=上传服务器地址,必填name=上传文件key(可选,默认为file)header=请求头(可选)*/this.$refs.lFile.upload({//#ifdefAPP-PLUScurrentWebview:this.$mp.page.$getAppWebview(),//#endifurl:'',//你的上传附件接口地址名称:'file',header:{'Authorization':'token'},//body参数直接写key和value,如://key1:'value1',//key2:'value2',});温馨提示文件上传如果不知道怎么调用,可以导入一个完整的例子查看使用方法。请先在APP端连接安卓,上传成功后再运行iOS端。如果iOS返回status=0,需要在后台开启跨域;header的Content-Type类型需要和服务器要求一致,否则收不到附件(如果服务器上没有明文,可以留空,使用默认匹配)。如果不知道如何配置跨域java,可以找我;如果是php,需要注意不要配置成*星号,文件需要单独设置跨域,具体百度~欢迎加入QQ讨论群:701468256欢迎加入QQ讨论群:701468256欢迎加入QQ讨论群:701468256