更新记录

1.11（2025-02-26） 下载此版本

更新

1.10（2025-02-26） 下载此版本

更新

1.0.9（2023-12-29） 下载此版本

优化

平台兼容性

uni-app

x-upload

参数配置

代码块

  <template>
  <view class="x-upload">
    <h3>上传</h3>
    <x-upload :fileList.sync="fileList"
              :maxCount="10"
              :width="160"
              :height="160"
              action=""
              maxSize="1048576000"
              :limitType="['jpg', 'png', 'pdf', 'doc', 'docx', 'ppt', 'pptx', 'zip', 'text', 'xls', 'xlsx']"
              :beforeUpload="beforeUpload"
              @success="handleSuccess"
              @error="handleError"
              @remove="handleRemove"></x-upload>
    <h3>只能预览</h3>
    <x-upload :fileList.sync="fileList"
            :maxCount="fileList.length"
        :deletable="false"
            :width="160"
            :height="160"
            action=""
            maxSize="1048576000"
            :limitType="['jpg', 'png', 'pdf', 'doc', 'docx', 'ppt', 'pptx', 'zip', 'text', 'xls', 'xlsx']"
            :beforeUpload="beforeUpload"
            @success="handleSuccess"
            @error="handleError"
            @remove="handleRemove"></x-upload>
    </view>
  </template>

  <script>
  import XUpload from '../uni_modules/x-upload/components/x-upload'
  import XPdf from '../uni_modules/x-pdf/components/x-pdf'
  export default {
    components:{XUpload},
    data() {
      return {
        value: 'week',
        visible: true,
        fileList: [
          {
            filePath: 'https://tiebapic.baidu.com/forum/w%3D580/sign=b4ae844bb5deb48ffb69a1d6c01f3aef/304e251f95cad1c8eed2e20d393e6709c93d51aa.jpg?tbpicau=2025-02-28-05_5a2c265c7ae4742f5c48e751866b4599'
          },
          {
            filePath: 'https://tiebapic.baidu.com/forum/w%3D580/sign=b4ae844bb5deb48ffb69a1d6c01f3aef/304e251f95cad1c8eed2e20d393e6709c93d51aa.jpg?tbpicau=2025-02-28-05_5a2c265c7ae4742f5c48e751866b4599'
          }
        ]
      };
    },
    methods: {
      beforeUpload() {
        uni.showLoading({
          title: '上传中...'
        });
      },
      handleSuccess(data, index) {
        uni.hideLoading();
        this.fileList.push(data)
      },
      handleError() {
        uni.hideLoading()
      },
      handleRemove(index) {
        this.fileList.splice(index, 1);
      }
    }
  };
  </script>

  <style>
    /* 如果使用position: fixed需要在app.vue文件加入一下样式 */
    /* iframe{
      width: 100% !important;
      position: fixed !important;
      z-index: 999999 !important;
      top: 6% !important;
      left: 0 !important;
      height: 94% !important;
    }

    .x-pdf uni-modal{
      z-index: 19999 !important;
    }

    .x-pdf .u-close{
      line-height: 1;
    } */
  </style>