好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

HTML5实现简单图片上传所遇到的问题及解决办法_html5教程技巧

一、展示
因为前端上传文件是必须通过form表单的,不能使用ajax,这样的话一个移动页面放入一个type为file的input真心不怎么好看,如下图,很挫有没有

解决办法找了下,PC上有些是把这个input换成flash,采用jquery的工具库比如uploadify来做,但是移动端大部分浏览器是不支持flash的。所以最后采用的办法还是用form表单的形式,只是把这个form和input的透明度设置为0,让它们和准备显示的内容同时在一个div中,显示的内容可以做成自己想要的样子。代码如下:

查看更多关于HTML5实现简单图片上传所遇到的问题及解决办法_html5教程技巧的详细内容...

  阅读:50次