码迷,mamicode.com
首页 > Web开发 > 详细

文件上传预览

时间:2017-10-19 12:51:24      阅读:185      评论:0      收藏:0      [点我收藏+]

标签:settings   icon   read   round   var   new   tin   cache   error   

//图片上传预览
$(‘#fileUpload‘).change(function(){
     var file = this.files; //选择上传的文件
     var r = ‘‘;
     for(var i = 0;i<file.length;i++){
         r = new FileReader();
         r.readAsDataURL(file[i]); //Base64
         $(r).load(function(){
             $(‘.imgTx‘).css({
                 ‘background‘:‘url(‘+this.result+‘)‘,
                 ‘background-size‘:‘cover‘});
         });
      }
});

//头像上传
$(‘body‘).on(‘change‘,‘#fileUpload‘,img_up);

function img_up(){
       var that=this;//保存当前this
       var file = that.files[0];
       var fd = new FormData();
       fd.append("file", file);
       fd.append("fileDesc", "test");
       layer.load(0);
       $.ajax({
             async: true,
             url: ApiConf+‘Resource/ResourceAdd‘,
             type: "POST",
             dataType: ‘json‘,
             data: fd,
             contentType: false,
             beforeSend: function (xhr) {
                   xhr.setRequestHeader("authorization", token);
             },
             xhr: function() {
                   myXhr = $.ajaxSettings.xhr();
                   return myXhr;
             },
             success:function(arr) {
             //头像id
             that.setAttribute(‘name‘,arr.data[0].resourceid);
             $(‘.imgTx‘).css({
                   ‘background‘:‘url(‘+arr.data[0].resourcepath+‘) no-repeat‘,
                   ‘background-position‘:‘center‘,
                   ‘background-size‘:‘contain‘
             });
             layer.msg(‘头像上传成功‘,{icon: 1});
             layer.closeAll(‘loading‘);
             },
             error:function() {
                   layer.msg("上传失败");
             },
             cache:false,
             processData:false
        });
    }

 

文件上传预览

标签:settings   icon   read   round   var   new   tin   cache   error   

原文地址:http://www.cnblogs.com/wanf/p/7691404.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!