js uploadify

html -------------------------------

<div id="atta_fileQueue4"></div>

<input type="hidden" name="attachBean.payment_url" id="attaUr4" />

<input type="file"  class="form-control" id="atta_upload4" />
                           <p>
                                                    <!-- 加上“*”表示当第一个文件上传成功后,立即上传以后队列中的文件,否则需要自己手动 -->
                                                    <a href="javascript:$(‘#atta_upload4‘).uploadify(‘upload‘,‘*‘)"
                                                        class="btn green">上传</a>| <a
                                                        href="javascript:$(‘#atta_upload4‘).uploadify(‘cancel‘,$(‘.uploadifive-queue-item‘).first().data(‘file‘))"
                                                        class="btn red">取消</a>
                                                </p>

 

js方法---------------------------------

initUploadify(‘atta_upload4‘, ‘atta_fileQueue4‘, ‘attaUr4‘);

function initUploadify(initId, queueId, eleId) {
                            $(‘#‘ + initId).uploadify({
                                // ‘debug‘:‘false‘,
                                ‘swf‘ : basePath + ‘/plugins/uploadify/uploadify.swf‘,// 上传按钮的图片,默认是这个flash文件
                                ‘uploader‘ : basePath + ‘/jQueryFileUpload‘,// 上传所处理的服务器
                                ‘cancelImg‘ : ‘${basePath}/plugins/uploadfiy/uploadify-cancel.png‘,// 取消图片
                                ‘method‘ : ‘post‘,
                                ‘folder‘ : basePath + ‘/upload‘,// 上传后,所保存文件的路径
                                ‘queueID‘ : queueId,// 上传显示进度条的那个div
                                ‘buttonText‘ : ‘请选择文件‘,
                                ‘onUploadComplete‘ : function(file) {
                                    // alert(‘The file‘+file.name+‘finished processing!‘)
                                    console.log(file);
                                },// 每个文件上传成功后的函数
                                ‘progressData‘ : ‘percentage‘,
                                ‘auto‘ : false,
                                ‘multi‘ : false,
                                ‘onDisable‘ : function() {
                                    alert(‘uploadify is disable‘);
                                },// 在调用disable方法时候触发
                                ‘onError‘ : function(errorType, errObj) {
                                    alert(‘The error was: ‘ + errObj.info)
                                },
                                ‘onUploadSuccess‘ : function(fileObj, data, response) {
                                    console.log(fileObj);
                                    console.log("data=" + data);
                                    var obj = eval("(" + data + ")");
                                    for ( var i = 0; i < obj.files.length; i++) {
                                        console.log(obj.files[i].url);
                                        $("#" + eleId).val(obj.files[i].url);
                                    }
                                },
                                ‘removeCompleted‘ : false,
                                ‘onFallback‘ : function() {
                                    alert("此浏览器未安装Flash");
                                },
                                ‘onUploadError‘ : function(file, errorCode, errorMsg) { //上传失败  
                                    console.error(file.name + "上传失败,</br>错误信息:" + errorMsg);
                                }
                            });
  }

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。