一、实现图片预览的一些方法。
了解了一下,其实方法都是大同小异的。大概有以下几种方式:
①订阅input[type=file]元素的onchange事件.
一旦选择的路径被改变就把图片上传至服务器,然后就返回图片在服务器端的地址,并且赋值到img元素上。
缺点:工作量大,有些上传并不是用户最终需要上传的图片,但是这种方式会把上传过程中选择过的图片都保存至服务器端,会造成资源浪费,而且服务器端清理临时的那些预览图片也需要一定的工作量。
②利用HTML5的新特性FileReader。
这个对象提供了很多相关的方法,其中最主要用到readAsDataURL这个方法。点我了解更多。
缺点:通过File