如何使用<input name =“photo”type =“file”/>上传文件后立即显示照片？

Question

目前，通过点击“浏览... ”按钮上传图像文件后，它只显示上传的文件名，但不显示照片本身。是否可以同时显示上传的照片？

Answer 1

你必须使用HTML代码编写脚本，这将触发div显示图像，考虑这个jsfiddle

          function readURL(input) 
          {
              if (input.files && input.files[0]) 
            {
               var reader = new FileReader();

               reader.onload = function (e) 
                     {
                         $('#divid').attr('src', e.target.result);
                     }

                reader.readAsDataURL(input.files[0]);
            }
          }

http://jsfiddle.net/LvsYc/