#添加图片,最多只能上传9张.md
前端页面:
```javascript
<form id="imgForm" enctype="multipart/form-data" action="/investManage/financing/addImg.do" target="frameFile" style="width: 66%;" method="post">
<div class="message image_show">
<div class="left">图片最多9张:</div>
<div class="right">
<div class="upload_images">
<input size="9" id="fileImage" type="file" name="file"/>
<div class="upload_img blue" style="cursor: pointer;">上传</div>
</div>
<div class="show_img"></div>
<div id="preview" class="upload_preview"></div>
</div>
</div>
</form>
```
插件:ImgListPreview.js
js代码:
```javascript
$(".upload_img ").on("click",function(){
max_nine();
});
function uploadFunc(){
var val_ = $("#fileImage").val();
var newVal = val_.split(".");
console.log(newVal);
var reg_ = /^(jpg|png|jpeg|gif)$/;
if(val_!==''&®_.test(newVal[newVal.length-1])) {
$("#imgForm").ajaxSubmit({
type: "post",
url: "/investManage/financing/addImg.do",
data: {"projectId": localStorage.projectId},
dataType: "json",
success: function (obj) {
if (obj.login && obj.status == 1) {
console.log(obj.data);
var imgList = $(".upload_image");
for (var i = 0; i < imgList.length; i++) {
imgList.eq(i).attr({
"data-imageUrl": obj.data.imageUrl,
"data-imageId": obj.data.imageId,
"data-imageName": obj.data.imageName
});
}
alert("上传图片成功!");
window.location.reload();
//max_nine();
} else if (obj.login == false) {
alert(obj.msg);
window.location.href = "login.html";
} else {
alert(obj.msg);
}
},
error: function () {
alert("服务器错误,上传图片失败!");
}
});
}
}
//移除预览但未上传给后台的图片
$(document).on("click","#preview a",function() {
alert("删除预览");
$(this).parent().parent().remove();
});
//移除已经上传的照片 调取后台
$(document).on("click",".show_img .delete",function(){
var _this = $(this);
//var imgId = _this.parent().find($(".upload_image")).attr("data-imageId");
var imgId = _this.parent().parent().find("img").attr("data-imageId");
console.log(imgId);
$.ajax({
type:"post",
url:"/investManage/financing/deleteImg.do",
data:{"projectId":localStorage.projectId,"imgId":imgId},
async:true,
dataType:"json",
success:function( obj ){
if (obj.login && obj.status==1) {
_this.parent().parent().remove();
alert(obj.data);
max_nine();//移除后再检查一次
} else if(obj.login == false){
alert(obj.msg);
window.location.href = "login.html";
}else{
alert(obj.msg);
}
},
error:function(){
alert("服务器错误,请稍后再试!");
}
});
});
```