相信我,天才无法与我媲美

uploadify 多图上传

2017-05-23

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

作者:lrxin | Categories:jQuery特效 | Tags:

发表评论