多图上传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>