使用 Jquery的插件 uploadify 实现文件的上传，可显示上传进度。。。以下是需要用到的文件：
uploadify.css
jquery.uploadify.v2.1.4.js
swfobject.js
代码如下：
$(document).ready(function(){
//设置Flash上传图片的
$("#uploadify").uploadify({
'uploader':'${ctx}/scripts/dwz/uploadify/scripts/uploadify.swf',
'script':'${ctx}/fileupload/doUpload.json',
'cancelImg':'${ctx}/scripts/dwz/uploadify/cancel.png',
'folder':'/uploadFiles',
'queueID':'fileQueue',
'auto':false,
'multi':true,
'fileExt':'*.jpg;*.gif;*.png;*.JGP;*.GIF;*.PNG',
'fileDesc':'所有*.jpg;*.gif;*.png文件',
'buttonText':'browse',
'displayData':'percentage',
'onComplete':function(event,queueId,fileObj,response,data){
var temp = eval("("+response+")");
var tpxwTem = $("#tpxw").val();
//显示上传完成的图片
$("#fileQueue").append(' 删除
');
$("input[name='ymc']").attr("readonly","readonly").attr("size","65").attr("class","textInput readonly");
}
});
//给每个上传完成的图片 添加删除事件
$("div[name='picDiv'] span").live("click",function(){
deleteUploadFile($(this).parent().attr("id"),$(this).parent().attr("class"));
});
//处理上传图片
$("#doUploadButton").bind("click",function(){
$('#uploadify').uploadifyUpload();
})
});
//点击删除上传成功的图片
function deleteUploadFile(t_queueID,fileName){
var parameters = new Object();
parameters["filePath"]=fileName;
parameters["divId"]=t_queueID;
parameters["fileFolder"]="uploadFiles";
$.post("${ctx}/fileupload/deleteFile.json",parameters,function(data){
if(data["message"]=='success'){
var tempid=data["divId"];
$("#"+tempid).remove();
}
},"json");
}
- 查看图片附件