文件上传预览

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