問題にAJAXの非同期ファイルのアップロードを解決

HTML:
<フォームID = " avater "名前=" FORMLIST ">
{{csrf_field()}}
<ULクラス= "リスト・グループ・コンテナ" スタイル= "幅:50%">
    <LIクラス=「リストグループ項目リスト」スタイル=「国境半径:5pxの」>
        <入力されたID = " 画像 "クラス="ファイル"タイプ= "ファイル" NAME = " ファイル ">
        <ボタンID =」 BTN "スタイル="幅:は50px;高さ:25ピクセル;パディング:0"クラス= "BTN BTN原色半径"タイプ= "ボタン">上传</ボタン>
    </ LI>
</ UL>
</フォーム>
jqueryの:
$( '#のBTN')。( 'クリック'、機能上の(){
    varファイル= $( '#イメージ')[0] .files [0];
    た形式= $( '#1 avater')[0];
    そこformdat =新しいformdat(フォーム);
    formdata.append( 'イメージ'、ファイル)
   $アヤックス({
       タイプ:「ポスト」
       URL: "{{URL( 'setava')}}"、
       データ:FORMDATA、
       データ型:「JSON」
       PROCESSDATA:偽、
       contentType:偽、
       成功:機能(RES){
            IF(res.status == 0){
                 警告(res.msg)。
                 window.location.href = "{{URL( 'セット')}}"。
            }
      }
});
重要な部分の赤い部分は、オブジェクトが使用しているFormData AJAX非同期アップロードファイルを解くことができます。そして同時に、アップロード送信フォームの内容とファイルをマージすることで正常値の後ろにコードにアクセスします。(ファイルのファイルを選択してください)

おすすめ

転載: www.cnblogs.com/CWJDD/p/11456883.html