zoukankan      html  css  js  c++  java
  • 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);
                                    }
                                });
      }

  • 相关阅读:
    现在的代码,贴一下
    2014年七月写过的代码,现在看来,还有待改进呀
    第一次做技术论坛发博文,不知道说点啥
    04-树6. Huffman Codes--优先队列(堆)在哈夫曼树与哈夫曼编码上的应用
    04-树5. File Transfer--并查集
    04-树4. Root of AVL Tree-平衡查找树AVL树的实现
    03-树3. Tree Traversals Again (25)将先序遍历和中序遍历转为后序遍历
    03-树2. List Leaves (25) 二叉树的层序遍历
    二叉树的遍历:先序中序后序遍历的递归与非递归实现及层序遍历
    最大子序列和问题之算法优化
  • 原文地址:https://www.cnblogs.com/aiwoqu/p/4313366.html
Copyright © 2011-2022 走看看