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

  • 相关阅读:
    WebSQL的基本使用过程
    Windows下Apache2.2+PHP5安装步骤
    DNS解析过程
    MongoDBTemplate多条件查询的问题
    解决Java工程URL路径中含有中文的情况
    Maven配置默认使用的JDK版本
    Mockito when(...).thenReturn(...)和doReturn(...).when(...)的区别
    如何正确对tomcat host进行配置
    对Java动态代理的理解
    对Mybatis的理解
  • 原文地址:https://www.cnblogs.com/aiwoqu/p/4313366.html
Copyright © 2020-2023  润新知