用到的文件，我都已经打包好了，自行下载：
https://files.cnblogs.com/files/lguow/lib.rar
核心代码如下：
<input type="hidden" name="avatar" id="avatar"><img src="" alt="" id="avatarShow" width="200px" height="200px"><span>上传头像</span><input type="file" name="file" id="file" onchange="uploadImg();" ?><script>function uploadImg() { ???debugger; ???if($("#file").val() != "") { ???????$.ajaxFileUpload({ ???????????type: "POST", ???????????url:"/selfsuperXXXXX/uploadFile",//后台接口 ???????????dataType: "json", ???????????fileElementId:"file", ?// 文件的id ???????????success: function(d){ ???????????????if(d.code == 0) { ???????????????????js.showMessage("上传成功"); ???????????????????//图片显示 ???????????????????$("#avatar").attr("value",d.data.url); ???????????????????$("#avatarShow").attr("src",d.data.url); ???????????????} ???????????}, ???????????error: function () { ???????????????js.showMessage("上传失败"); ???????????}, ???????}); ???} else { ???????js.showMessage("请先选择文件"); ???}}</script.凑字数用。。。。。。。。。。。。。。凑字数用。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。凑字数用。。。。。。。。。。。。。。。。。。。。。。。。凑字数用。。。。。。。。。。。。。。。。。。。。。。。。。。凑字数用。。。。。。。。。凑字数用。。。。。。。。。。。。。凑字数用。。。。。。。。。。。。。。。。。。。。。。凑字数用。。。。。。。。。。。。凑字数用凑字数用凑字数用凑字数用
JQuery实现 图片上传
原文地址：https://www.cnblogs.com/lguow/p/9603626.html