AJAXとLaravelを使用してアップロードした画像を表示

Question

アップロードした画像のサムネイルをページ（AJAX）をリロードしなくても表示したいですか？ここで

は私Laravelコントローラーです：

public function save(Request $request) 
{ 
if (Input::hasFile('file')) 
    { 
     $file = $request->file('file'); 
     $name = $file->getClientOriginalName(); 
     Storage::disk('local')->put($name, File::get($file)); 
     $path = 'storage/files/'; 

     return response()->json(array('path'=> $path), 200); 
    } else { 
     return response()->json(false, 200); 
    } 
} 

HTMLブレードを使用してビュー：

@foreach($lists as $item) 
    <div style="float: left;"> 
     <img id="preview" src="{{ asset('storage/files/'.$item->name) }}" alt="" with="100" height="100"> 
    </div> 
@endforeach 

これはリロード、私はウェブサイトを更新せずに、それを表示したい画像を表示します。

Answer 1

アップロードした画像のサムネイルを表示するためにAJAXは必要ありません。 formを次のように変更してください。

<img id="preview" src="{{ asset('storage/files/'.$item->name) }}" alt="" with="100" height="100"> 

<input type="file" name="image" style="display:none"; onchange="document.getElementById('preview').src = window.URL.createObjectURL(this.files[0])">