ie浏览器用element ui上传图片过大或数量过多卡死问题

115 阅读1分钟

1、遇到的问题

客户遇到问题ie浏览器中上传图片,过大或数量过多卡死问题。

2、解决方案

1.原来的上传组件中为自动上传改为手动上传

        <el-upload
              ref="uploadImport"
              :action="action"
              :auto-upload="false"
              :before-upload="handleBeforeUpload"
              :on-progress="handleProgress"
              :on-change="handleChange"
              :before-remove="removeFile"
              list-type="picture-card"
              :on-success="handleSuccess"          
              multiple
              :on-preview="handlePictureCardPreview"
            >

既auto-upload="false"改为false

2、上传是触发事件为异步触发,既多个事件一起改为手动触发。

将上传时间进行编辑,然后运用递归方法进行逐个触发。

3、将上传之前的图片进行压缩

在“on-change”事件中,传入的file进行捕捉,然后引入compressorjs库进行压缩之后再进行上传