web端上傳圖片，實現預覽圖片功能

在上傳圖片是經常會遇到須要將選擇的圖片進行預覽一下，方便用戶看到上傳的圖片是什麼樣的，這樣有助於用戶在編輯其餘資料時忘記了剛纔上傳的圖片是什麼。 在這裏有兩種解決辦法，一種是在用戶在選擇文件時就將選擇的文件進行上傳，後臺返回上傳的圖片的服務器地址，直接預覽服務器地址的圖片便可。這樣作對用戶的好處是很是的友好，在選擇圖片時就進行了上傳，會是得用戶在最終提交數據時的時間大量的縮短，將總體的上傳時間分攤，達到一種很友好的上傳體驗。但這種方法對於服務器的壓力過大，由於用戶選擇了圖片，更替了圖片都會進行上傳。使得服務器會所以拿到太多的沒必要要的圖片數據，形成服務器內存的臃腫；第二種方法就是在用戶選擇圖片的時候只是預覽本地的文件，在最後用戶提交的時候將文件一併提交。這種方法對用戶不友好有些不友好，可是卻能提升用戶操做的流暢性，在填完全部資料，一併上傳。今天，我就來說一講第二中方法的實現。先貼上代碼