多图上传js脚本
$('#images').uploadify({
'swf' : '/static/public/uploadify/uploadify.swf', //指定上传控件的主体文件
'uploader' : '/api/upload', //指定服务器端上传处理文件
'auto' : true,
'buttonText' : '上传图片',
//允许上传的文件后缀
'fileTypeExts':'*.jpg;*.jpge;*.gif;*.png',
'onUploadSuccess':function(file, data, response){
var rs = $.parseJSON(data);
if(rs.status==1){
var html = '<input type="hidden" name="images[]" id="img" value="'+rs.url+'"><img src="/uploads/'+rs.url+'" alt="" width="150" height="100">';
$('#images_box').append(html);
}else{
myAlert(rs.msg);
}
},
//其他配置项
});
多图上传的html
<div class="form-group">
<div class="label">
<label>图片集:</label>
</div>
<div class="field" id="images_box">
<input type="file" class="button bg-blue margin-left" name="file_upload" id="images" multiple="true" value="+ 浏览上传" style="float:left;">
<div class="tipss">图片尺寸:500*500</div>
</div>
</div>