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);
                                    }
                                });
      }

  • 相关阅读:
    17、网卡驱动程序-DM9000举例
    16、NOR FLASH驱动框架
    15.1 linux操作系统下nand flash驱动框架2
    15、NAND FLASH驱动程序框架
    14、块设备驱动程序框架分析
    12.2 linux USB框架分析(详细注册match匹配过程)
    arm-linux-gcc: Command not found
    12、USB设备驱动程序
    POJ-2752 Seek the Name, Seek the Fame (KMP)
    POJ-2406 Power Strings (KMP)
  • 原文地址:https://www.cnblogs.com/aiwoqu/p/4313366.html
Copyright © 2011-2022 走看看