アヤックス|フォームは、画像ファイルを提出します

<フォーム名= " uploadForm " ID = " uploadForm "メソッド= " ポスト"のenctype = " マルチパート/フォームデータ" 
          アクション = "URL "ターゲット= " uploadFrame " > 
        <Pスタイル= " マージン:10pxの0; " > 
            上传图片:&NBSP;&NBSP;
            <input type = " ファイル"名= " 画像"
            <input type = " テキスト"名前= " はuserId " ID = " はuserId "値= "" /> 
            の<input type = " ボタン" ID = " fileSubmit " NAME = " 送信"値= " 上传" /> 
            <IFRAME名= " uploadFrame " ID = " uploadFrame "スタイル= " 表示:なし;" > </ iframe>の
        </ P>
    </フォーム> 
    <スクリプト> 

        $(" #fileSubmit " ).click(関数(){
             VAR FORMDATA = 新しいいるFormData(); 
            formData.append(' 画像'、のdocument.getElementById(' 映像').files [ 0 ] ); 
            formData.append(' userIdを'、0 ); 
            $アヤックス({ 
                URL:" URL " 
                種類:' ポスト' 
                キャッシュ:// アップロードファイルをキャッシュする必要はありません
                データ:FORMDATA、
                PROCESSDATA:falseに// ない送信プロセスデータへのjQueryを伝える 
                のcontentType:falseに// リクエストのContent-Typeヘッダを設定していないのjQueryを教えて
                成功を:機能(データ){ 
                       } 、
                       エラー:関数(XMLHttpRequestを、textStatus、errorThrown){ 
      
                  } 
                }); 
                // IF($ .browser.msie){
                 // window.uploadForm.submit();
                 // }他{
                 //$( "#のuploadForm")を提出();
                // } 
            })。
    </ SCRIPT>

 

おすすめ

転載: www.cnblogs.com/ya-jun/p/12553640.html