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 上可以兼容图片上传 不会报错了

原文地址:https://www.cnblogs.com/yf-html/p/10001774.html

时间: 2024-10-09 01:05:45

vue iOS上传图片file 出错的相关文章

IOS上传图片方法类

IOS上传图片方法类 iPhone开发中遇到上传图片问题,找到多资料,最终封装了一个类,请大家指点,代码如下 // // RequestPostUploadHelper.h // demodes // // Created by 张浩 on 13-5-8. // Copyright (c) 2013年 张浩. All rights reserved. // #import <Foundation/Foundation.h> @interface RequestPostUploadHelper

[转]ios 开发file&#39;s owner以及outlet与连线的理解

转载地址:http://www.cocoachina.com/bbs/simple/?t108822.html xib文件本身可以看做是一个xml,app启动的时候会根据xml构造xib对应的界面及其控件, file's owner 可以看做是 xib对应的类,比如 view对应的xib文件的file'owner对应的就是 viewcontrol的类, outlet是针对xib文件中希望能够在外部引用的控件成员,那么为什么要做outlet与file's owner 之间的连线呢?这里file's

iOS ArcGIS file is universal (2 slices) but does not contain a(n) armv7s slice

在开发中用到ArcGIS, 导入iOS ArcGIS sdk,之后报错,报错信息如标题,查了下问题,应该是使用的ArcGIS版本(ArcGIS runtime SDK for iOS 10.1)不支持 armv7s架构的cpu(iPhone 5s),处理方式Build Settings->Architectures->Valid Architectures, 把 arm64和armv7s删去,把Build Active Architecture Only 设置为NO.搞定.iOS ArcGIS

微信网页IOS上传图片旋转解决方案

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>分享</title> <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no"> <meta n

iOS上传图片--根据图片的数量实现动态布局

在iOS开发中,应该绝大部分软件有用到上传图片功能(聊天.发布说说.发表评论等等),比如微信 我就简单说下类似微信的图片上传的自动布局功能: 1.默认只显示一张占位图片 2.根据图片选择的数量,改变占位图片的位置 3.一旦图片数量超过一行的数量,页面自动适应,变成2行 4.点击图片 和 点击"+"号占位图片的方法不同    点击图片-->放大图片 点击"+"号图片: 5.最多显示9张图片,当显示9张之后,占位图片"+"就不在显示了 以上的图

iOS上传图片问题

今天一定得写一篇博客,有以下原因: 1>第一次做图片上传的功能,算是一种记录吧; 2>在这个问题上,纠结,迷茫了很久,主要还是被后台坑了; 1.上传图片的方法是用的AFNetWorking的方法,在他的基础上再次封装了一次: 主要是后台要求参数放path,图片放body,queryString放在url上,只是用表单传文件参数: + (NSURLSessionUploadTask *)uploadFileWithURLString:(NSString *)urlString queryPara

vue + multer 上传图片

vuejs(element-ui) + express (multer)上传文件 1.npm install multer --save 2. 新建vue文件 主要代码: <form method="POST" enctype="multipart/form-data" class="form-horizontal" @submit.prevent="submit" ref="inputUpload"

基于VUE选择上传图片并在页面显示(图片可删除)

demo例子: 依赖文件 : http://files.cnblogs.com/files/zhengweijie/jquery.form.rar HTML文本内容: <template> <div id="accident"> <div class="wrapper"> <i class="icon-pic"></i>相关照片 <button type="button&

vue中上传图片至阿里云oss

1.开通阿里云的oss服务这些这里就不多做介绍了 2.登入阿里云的后台管理系统创建一个Bucket 3.在后台管理系统中进入访问控制 4.点击用户管理->新建用户->填写相关信息,就生成了下图3 5.点击生成用户右侧的授权,添加如图的授权策略 6.点击角色管理->新建角色,然后创建了一个如下图的H5ROULE角色 7.点击右侧授权,并选择如下图的授权策略 8.在vue组件中使用 <template> <div class="upload"> &