uniapp在app端如何上传文件-使用webview进行上传

写代码的小孩子

已于 2023-07-06 15:12:52 修改

阅读量1.6k

点赞数 1

文章标签： uni-app javascript 开发语言

于 2023-05-25 15:52:56 首次发布

本文链接：https://blog.csdn.net/weixin_44598071/article/details/130868911

版权

最近使用uniapp开发公司的项目其中有个功能是网盘，网盘就需要上传各种文件，uniapp官方提供的上传只能上传图片和视频，查了一圈资料知道了使用webview包裹一个h5网页使用网页上的input即可上传中间也是踩了很多坑，所以在此记录一下

首先在网页上创建一个webview

    // 创建选择器
    create() {
   
      // 若iOS端服务端处理不了跨域就将hybrid目录内的html放到服务端去，并将此处path改成服务器上的地址
      let path = `hybrid/html/uploadFile.html?token=${
     this.token}&org_id=${
     this.org_id}`;
      let dom = this.lsjFile.create(path);
      // #ifdef H5
      this.$refs.lsj.$el.appendChild(dom);
      // #endif
      // #ifndef APP-PLUS
      this.show();
      // #endif
      // #ifdef APP-PLUS
      dom.setStyle({
    position: this.position });