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非同期アップロードファイルを解くことができます。そして同時に、アップロード送信フォームの内容とファイルをマージすることで正常値の後ろにコードにアクセスします。(ファイルのファイルを選択してください)