在开发 H5 应用的时候碰到一个问题,应用只需要一张小的缩略图,而用户用手机上传的确是一张大图,手机摄像机拍的图片好几 M,这可要浪费很多流量。 我们可以通过以下方式来解决。 获取图片 通过 File API 获取图片。 预览图片 使用 createObjectURL ...
这里只是写了方法的原型,可以根据需求设置上传的类型,大小。可能有不足的地方,希望大神指正 案例 ,实现本地图片预览 单张 ,URL.createObjectURL file URL.createObjectURL 创建一个新的对象URL,该对象URL可以代表某一个指定的File对象或Blob对象. html代码 js代码 案例 ,实现本地图片预览 单张 ,FileReader 关于fileRead ...
2015-08-20 17:58 0 9941 推荐指数:
在开发 H5 应用的时候碰到一个问题,应用只需要一张小的缩略图,而用户用手机上传的确是一张大图,手机摄像机拍的图片好几 M,这可要浪费很多流量。 我们可以通过以下方式来解决。 获取图片 通过 File API 获取图片。 预览图片 使用 createObjectURL ...
文件! 那么,HTML5是否也是这样的呢? 答案是肯定的! HTML5为我们提供了一种与本地文件 ...
尊重原创:http://hushicai.com/2014/03/29/html5-du-qu-ben-di-wen-jian.html HTML5为我们提供了一种与本地文件系统交互的标准方式:File Api。 该规范主要定义了以下数据结构: File FileList ...
,打开文件句柄,读取文件! 那么,HTML5是否也是这样的呢? 答案是肯定的! HTM ...
两种方式实现 URL FileReader <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>html5 图片上传预览< ...
HTML5之FileReader的使用 HTML5定义了FileReader作为文件API的重要成员用于读取文件,根据W3C的定义,FileReader接口提供了读取文件的方法和包含读取结果的事件模型。 FileReader的使用方式非常简单,可以按照如下步骤创建FileReader对象并调用 ...
本主题主要涉及两个新内容: 1、上传文件(主要使用了FormData) 2、本地预览(主要使用了FileReader) html5的FormData其实就是平时的Form表单,只是html5可以直接新建这样一个对象,然后通过ajax提交 FormData对象有一个方法:append ...
笔记一下!!! ...