简单封装,
<script src="$static_url/admin/js/uploadify-3.2.1/uploadify.settings.js"></script>
var static_url = "/resources";//修改js需要用到的资源和上传路径
var upload = "http://114.215.183.178:8090";
var settings = {
swf : static_url+"/admin/js/uploadify-3.2.1/uploadify.swf",
cancelImg : static_url+"/admin/js/uploadify-3.2.1/uploadify-cancel.png",
buttonText : "选择文件...",
uploader : upload+"/upload/temp",
formData : {type : "image" },
fileObjName : "file",
fileTypeExts : "*.png;*.jpg;*.jpeg",
fileTypeDesc : "图片文件",
fileSizeLimit : 2048,
successTimeout : 90
};
/**
* @param fileInputId <input type="file" id="fileInputId"/>
* @param pathInputId <input id="pathInputId"/>
*/
function uploadify(fileInputId, pathInputId){
$(fileInputId).uploadify(jQuery.extend(settings, {
onUploadSuccess:function(file, data, response){
var paths = data.split(",");
$(pathInputId).val(paths[1]).next("a").attr("href",paths[0]+paths[1]).text("预览");
}
}));
}
uploadify("#idFrontCopyFile", "#idFrontCopy"); //这里的id与上传按钮html对应
<div class="button-all">
<div class="button-left">
<input id="idFrontCopy" name="idFrontCopy" class="Mtext1-1" readonly /><a href="" target="_blank"></a>
</div>
<div class="button-right">
<input id="idFrontCopyFile" type="file" name="idFrontCopyFile" />
</div>
</div>