<<<ajaxfileupload紹介

2369 ワード

ajaxfileupload、jqueryの非同期アップロードプラグインです.このプラグインを使用すると、formを確立する必要がなく、フォームを自動的に生成し、enctype=「multipart/form-data」属性を自動的に設定できます.このプラグインを使用するには、jqueryのパッケージを先に導入する必要があります.
構文:

function fileLoad(){
　　$.ajaxFileUpload({

    　　TYPE:"POST",
        　　url:'http://www.xx.com/upload', 
        　　secureuri:false,        
       　　 dataType: 'json',      
       　　 fileElementId:'fileUpload',    
        　　//           html    ，status      
        　　success: function(data,status){
            console.log(data,status);
       　　 },
        　　//        
        　　error: function (status){
            console.log(status);
        　　}
    });
}

html

<script type="text/javascript" src="jquery"></script>

<script type="text/javascript" src="ajaxfileupload"></script>

<body>
     <input type="file" id="fileUpload" name="fileUpload" onchange="fileLoad();"/>
</body>

　　
しゅパラメータ
1、urlアップロードプロセッサアドレス.2.file ElementIdは、アップロードするファイルドメインのID、すなわちのIDを必要とする.3、secureuriは安全なコミットを有効にするかどうか、デフォルトはfalseです.4,dataTypeサーバが返すデータ型.xml、script、json、html、textです.5,successコミットに成功した後に自動的に実行される処理関数は、パラメータを返し、dataはサーバが返し、statusは実行状態値:successまたはerror 6、errorコミットに失敗して自動的に実行される処理関数である.7,dataカスタムパラメータ.これは役に立つので、アップロードした画像に関連するデータがある場合は、これを使います.8,typeアップロードタイプ(POST)

エラーメッセージ:
1,SyntaxError: missing ; before statementエラーこのエラーが発生した場合urlパスが2にアクセスできるかどうかをチェックする必要があります.SyntaxError:syntax errorエラーこのエラーが発生した場合、コミット操作を処理するサーババックグラウンドプロセッサに構文エラーがあるかどうかをチェックする必要があります.SyntaxError:invalid property idエラーこのエラーが発生した場合はテキストドメイン属性IDが存在するかどうかをチェックする必要があります4、SyntaxError:missig}in XML expressionエラーこのエラーが発生した場合はファイルnameが一致しているかどうかまたは存在しないかをチェックする必要があります5、その他のカスタムエラーは変数$errorで直接印刷する方法で各パラメータが正しいかどうかをチェックすることができます.これらの無効なエラーメッセージよりも便利です.

jqueryによるノードの制御処理

jQuery,jsはIframe適応高さを実現(マルチブラウズ対応)