文件上传预览

Posted 2020-10-11 亦心晗

//图片上传预览
$(‘#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
        });
    }