[#macro picupload id="" name=id allowTypes="*" fileSizeLimit="5000KB" style="" goodsId=""]
|
<script src="${base}/static/plugins/uploadify/jquery.uploadify.min.js" type="text/javascript" charset="UTF-8"></script>
|
<link rel="stylesheet" type="text/css" href="${base}/static/plugins/uploadify/uploadify.css">
|
|
<style>
|
.hid {display:none;}
|
|
.uploadify{
|
position:absolute;bottom:0;left:0;font-size:1px;
|
}
|
|
.uploadify-queue{
|
position:absolute;bottom:10px;left:0;font-size:1px;
|
}
|
</style>
|
|
<script type="text/javascript">
|
$(function() {
|
$("#${id}").uploadify({
|
height : 50,
|
swf : '${base}/static/plugins/uploadify/uploadify.swf',
|
uploader : '${base}/interface/fileupload/upload.html',
|
buttonClass : 'hid',
|
multi : false, //
|
width : 100,
|
fileTypeExts : '${allowTypes}',
|
fileSizeLimit : '${fileSizeLimit}',
|
queueID : 'abc',
|
onUploadSuccess : function(file, data, response){
|
var data = JSON.parse(data);
|
var num = parseInt($("#font${goodsId}").text());
|
num = num+1;
|
if(num<=5) {
|
var img = '<span><img src="${base}'+data.FILE_PATH+'" width="35" height="35" alt="" /><a class="rmImg" g="${goodsId}"></a></span>';
|
$("#dom${goodsId}").append(img);
|
$("#font${goodsId}").text(num);
|
var $imgs = $("#dom${goodsId}").find("img");
|
var array = new Array();
|
$imgs.each(function() {
|
array.push($(this).attr("src"));
|
});
|
var arrays = array.join(";");
|
$("#picImg${goodsId}").val(arrays);
|
}
|
|
}
|
});
|
})
|
</script>
|
|
<input type="file" name="${id}" id="${id}" style="${style}"/>
|
[/#macro]
|
