当前位置: 首页 >> HTML+CSS >> js图片预览base64图片,上传FormData转换

js图片预览base64图片,上传FormData转换

发表时间:2017-08-08 17:35  |  0条评论  |  点击数:93  |  作者:jws132
UpBaseImg = (function(){
    return {
        //选择图片,马上预览
        uploadImg:function(obj,fun){
            var file = obj.files[0];
            //console.log("file.size = " + file.size);  //file.size 单位为byt
            var reader = new FileReader();
            //读取文件过程方法
            /**reader.onloadstart = function (e) {
                console.log("开始读取....");
            }
            reader.onprogress = function (e) {
                console.log("正在读取中....");
            }
            reader.onabort = function (e) {
                console.log("中断读取....");
            }
            reader.onerror = function (e) {
                console.log("读取异常....");
            }**/
            reader.onload = function (e) {
                fun && fun(e.target.result);
                //或者 img.src = this.result;  //e.target == this
            }
            reader.readAsDataURL(file);

        },
        //base64转换文件流
        base64Url:function(dataURI){  
            var binary = atob(dataURI.split(',')[1]); 
            var array = []; 
            for(var i = 0; i < binary.length; i++) { 
                array.push(binary.charCodeAt(i)); 
            } 
            return new Blob([new Uint8Array(array)], {type:'image/png'}); 
        } 

    }
})();

/**

<div class="evalute-img-update"><input type="file" onchange="updateImg(this)" accept="image/*" multiple /></div>
function updateImg(obj){
    UpBaseImg.uploadImg(obj,function(data){
        files.push(data);
        var html = '<div class="evalute-img"><i onclick="imgclose(this)"></i><img src="'+data+'" alt=""></div>';
        $(".evalute-i").prepend(html);
    })
}

var formdata = new FormData();
//多个图片上传
for(var i=0;i<this.files.length;i++){
    var blob = Base64Url(this.files[i]);
    formdata.append("picFile", blob ,"file_"+(new Date()).valueOf()+".jpg");   
}
//单图片上传
formdata.append("picFile", blob ,"file_"+(new Date()).valueOf()+".jpg");   
formdata.append("orderNumber","表单1");  
formdata.append("message",,"表单2");  
var url = "userService/addUserEvaluate";
//分装请求方法
Obj.ajaxPostImg(url,formdata,function(res){
    if(res.code==0){
            Obj.confirm('评价完成','感谢您的评价,红包1.8元已放入您的钱包,可在下次使用时抵现哦!','知道了',false,function(){
            javascript:history.go(-1);
            })
    }

})


**/

网友评论 0条评论
  
  • 全部评论
  • 站主信息
网名:小白 | ゞ_Shuつ
姓名:蒋文书
生日:1990-05-22
籍贯:浙江省—温州市
现居:北京市—昌平区
职业:网站设计、网站制作。今后想成为一名高级程序员
爱好:研究java,php编程,打球,唱歌,登山。
喜欢的书:《红与黑》《红楼梦》
喜欢的歌手:黄家驹 Rain 六哲
网站信息:本站正在完善中下步会新增用户中心预计完成在7月中旬
  • 热门关注
  • 资深旅游达人,走南闯北,半年写完超长游记...

  • 资深旅游达人,走南闯北,半年写完超长游记...

  • 资深旅游达人,走南闯北,半年写完超长游记...

  • 最新评论
    暂无数据
  • 【聚会】22日跟大闽网友一起看世界杯,小龙虾啤酒通通免费吃...[详细]

  • 【福利】带孩子玩水不要钱!50份白水洋套票免费送了...[详细]

  • 【福利】熬夜看球太累太伤?没关系!养生粤菜免费吃起来...[详细]

  • 【独家】送福利来了,空调挂机免费清洗,快来回帖报名吧...[详细]

  • 【独家】猜世界杯冠军,8套1088元纯金纪念钞免费送! ...[详细]

Copyright © 2013-2016 . 蒋文书个人博客 版权所有 浙ICP备16006289号