2016年8月18日
html5 拖拽文件到页面实现上传
摘要： 思路：监听拖拽区域的 drop 事件，阻止浏览器上的默认拖拽事件 参考:http://www.helloweba.com/view-blog-192.html 例子: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <titl 阅读全文
posted @ 2016-08-18 16:12 菜鸟木易 阅读(3641) 评论(0) 推荐(1)
本地选择图片文件进行预览
摘要： 经观察 qq空间 等上传图片的预览 都是先将图片上传到服务器，然后在通过远程图片url进行本地阅览。 思路:对于支持　window.url 的浏览器 使用 url= window.url.createObjectURL(file); img.src = url; 不支持window.url 的ie 阅读全文
posted @ 2016-08-18 15:51 菜鸟木易 阅读(863) 评论(0) 推荐(0)
将图片转换为base64 格式
摘要： 1.页面上的图片，转换成base64格式，可以通过canvas 的 toDataURL 例子：给定图片的url 将图片转换为base64 var imageSrc = "../images/0.jpg"; // 图片的URL //@param image:Image 对象，ext:图片的格式(jpg 阅读全文
posted @ 2016-08-18 11:29 菜鸟木易 阅读(24541) 评论(1) 推荐(1)