vue iOS上传图片file 出错

Posted 鹿

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue iOS上传图片file 出错相关的知识,希望对你有一定的参考价值。

前言

用vue 移动端上传图片在低版本的 ios 手机上 图片转换base64 在转换file 文件类型 会报错

并且报错 “Script Error ”

查阅了github 和一些文档发现

可以吧 file 改为 Blob 的  格式上传,哈哈

上的代码

   changeBase(dataurl, filename) {
      var arr = dataurl.split(","),
        mime = arr[0].match(/:(.*?);/)[1],
        bstr = atob(arr[1]),
        n = bstr.length,
        u8arr = new Uint8Array(n);
      while (n--) {
        u8arr[n] = bstr.charCodeAt(n);
      }
     // return new File([u8arr], filename, { type: mime });
      return new Blob([u8arr], { type: mime });
    },

这样 在 低版本的ios 上可以兼容图片上传 不会报错了

 

以上是关于vue iOS上传图片file 出错的主要内容,如果未能解决你的问题,请参考以下文章

使用axios+formdata+vue上传图片遇到后台接受不到图片的值的问题

vue 上传二进制图片

vue实现图片上传

vue 使用input file点击上传本地图片

vue 上传图片 input=file

使用 AFNetworking、ios 上传图片