zoukankan      html  css  js  c++  java
  • javascript-文件File转换成base64格式

    不能直接访问用户计算机中的文件,一直都是Web应用开发中的一大障碍。2000年以前,处理文件的唯一方式就是在表单中加入<input type="file">字段,仅此而已。FileAPI(文件API)的宗旨是为Web开发人员提供一种安全的方式,以便在客户端访问用户计算机中的文件,并更好地对这些文件执行操作。

    具体参考:http://www.cnblogs.com/xiaohuochai/p/6543019.html

    js 图片转换base64 base64转换为file对象

    具体参考:https://blog.csdn.net/mrzhangdulin/article/details/86213714

    具体案例:

    phone:function (event) {
    var a = event.target;
    var txt=a.files[0];
    formData.append('img[]',txt);
    var src=window.URL.createObjectURL(txt);
    $(".size24").after("<img src='"+ src +"'class='back-fu-left back_jia rig'/>")



    //存储方式二
    if(txt) {
    //一张图片被选中
    if (/image/.test(txt.type)) {
    var reader = new FileReader();
    reader.readAsDataURL(txt);
    reader.onload = function () {
    var base = reader.result;
    var name = txt.name;


    //取值
    var arr = base.split(','), mime = arr[0].match(/:(.*?);/)[1],
    bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
    while(n--){
    u8arr[n] = bstr.charCodeAt(n);
    }
    var a = new File([u8arr], name, {type:mime});
    console.log(a);
    var src=window.URL.createObjectURL(a);
    console.log(src);
    }
    //其他格式文件被选中
    }
    }
    },
  • 相关阅读:
    servlet学习之servletAPI编程常用的接口和类
    问题解决
    HTTP Status 500 – Internal Server Error
    用数组模拟队列
    稀疏数组
    值传递机制及几道网红题目
    关于Tomcat配置问题
    Servlet学习笔记
    面向对象笔记
    数组中涉及的常见算法
  • 原文地址:https://www.cnblogs.com/laijinquan/p/10174229.html
Copyright © 2011-2022 走看看