1、我们可以使用 FileReader 将图像转换为二进制字符串，然后添加 load 事件监听，在文件上传成功后获取二进制字符串显示文件上册进度 来提高用户体验 FileReader 还有一个 progress 事件，表示当前上传进度，配合HTML5的 progress；1首先打开html文件编辑器，这里使用vscode新建一个html文档，文档中写入基本的html结构，然后插入img标签并插入一张图片，给img一个class属性2然后在上方的head标签中的style标签设置样式，这里设置图片的宽度和高度并设置；readerreadAsDataURLfile这样就能够在不上传到服务器的前提下预览图片当然，这个问题的重点是获取图片的原始尺寸，html5里还提供了两个变量来获取naturalWidth和naturalHeight，这两个分别来获取图片的原始宽度和原始高度；排列首先要排列的四张照片放置到同一个文件夹中并打开电脑中运行html的软件，其次点击界面中的文件编辑栏选择排列点击浮点排列，最后在弹出的页面中点击四张图片并将排列行数设定为两行即可；其中File对象可以是来自ltinput元素上选择文件后返回的FileList对象4readAsDataURL将读取出来的图像文件，直接显示在网页上，达到预览效果代码展示lt！DOCTYPE htmllthtmlltheadltmeta charset=quotUTF8quotlttitle文件读取lt；accept=quotimage*capture=cameraquot直接调用相机ltinputtype=quotfilequotaccept=quotimage*quot调用相机图片或者相册还是要根据手机的类型来说，有些手机只能调相机，有些手机只能调相册，或者两者都行以上，希望能帮助到你。

2、1插入背景图片有两种方法，一种是用html的img标签，另一种是利用css的background标签插入具体操作是首先新建一个html文件，写入两个div，分别用来演示两种方法插入标签2首先是用html标签插入图片，这里直接在img标签中；在 HTML5 中，任何元素都能可以进行拖放，所以接下来在文章中将通过实例详细告诉大家如何实现拖动效果拖放效果所需的知识点draggable 规定元素是否可拖动，一般情况下链接和图片默认是可拖动的true规定元素是可拖动的；准备一张图片，新建一个空白html文件 其中html文件内容如下图所示，html中包含了一张图片，及对应的描述段落 给html添加head标签，在标签中定义样式ltstyle p border1px solid red img floatleft margin0 5px；你给的网页用的是 ltinput accept=quotimage*quot type=quotfilequot，在IOS端点击时会提示选择图片或相机，安卓端要看浏览器对这两个属性的优化，部分浏览器会直接跳转到资源管理器，优化做得好的可以直接提示选择相册或相机移动。

3、方法是1打开图片，复制图层，关闭背景图层，用“魔术橡皮擦工具”擦除背景2“文件存储为web所用格式存储”，“将优化结果存储为仅限HTML”，保存3打开“我的图片”，找到刚才保存的HTML格式文件，完成。

4、可以参考chrome小乐图客扩展的截图功能，支持粘贴剪贴板图片拖拽图片或者粘贴图片网址上传，是通过html5 file reader实现的；1实现头的方法代码2编写CSS样式的方法代码3html上传代码4JS处理方法代码5测试结果如下注意事项JavaScript是一种网络脚本语言，在web应用开发中得到了广泛的应用，它经常被用来为网页添加各种动态功能；以上的解决方案不仅能用于Web App拍照上传，也可以通过Canvas的编辑功能函数提供图片编辑，例如裁剪上色涂鸦圈点等功能，然后把用户编辑完的图片上传保存到服务器上在还在不断补充修正的HTML5的驱动下，Web App与Native；这解决了一方面的问题，使我们能够在许多不同的情况下显示相同的图像不过，这并不能让我们对不同的情况指定不同的图像#p#副标题#e#新的解决方案是HTML5一个新的元素如果元素与当前的和元素协同合作将大大增强。

5、用html和css实现轮播图的两种方法 animationname指定需要绑定到选择器的关键帧的名称Animationduration指定完成动画所需的时间，以秒或毫秒为单位动画计时功能指定动画的速度曲线Animationdelay指定动画开始前的。

6、应用须知 它可能会消灭Flash 许多业内人士表示，HTML将会最终代替多媒体框架，如Adobe的Flash，但是短期看来还不是时候HTML5估计到2014年才能逐步成熟，而且将现有应用Flash的网络开发完全转向HTML5还需要一段时间尽管HTML5。