前言 在 上一篇 已经实现了图片预览,那么如何上传图片呢?有两种思路: 1、将图片转化为dataURL(base64),这样就成为了一串字符串,再传到服务端。不过这样缺点很多,数据量比转换之前增加1/3,而且会增加了存储开销(如果存在数据库,就多了访问数据库;如果解析成图片再存储,就多了解析的开销) ...
分类:
Web程序 时间:
2017-11-27 12:41:49
阅读次数:
222
html:采用了layui框架样式,(可自己写): js如下: function getFileContent() { /*1.创建文件读取对象*/ var reader = new FileReader(); /*2.读取文件,获取DataURL*/ var file = document.que ...
分类:
Web程序 时间:
2017-11-22 15:55:14
阅读次数:
230
因为最近项目做一个webApp的页面,需要上传图片,总结了一下,思路如下: 一、监听一个 input (type='file') 的 change 事件,然后拿到文件的 file; 二、把 file 转成 dataURL; 三、然后用 canvas 绘制图片,绘制的时候经过算法按比例裁剪,然后再把 ...
分类:
Web程序 时间:
2017-08-30 19:48:25
阅读次数:
313
public static String connect(String dataUrl){ String result = null; try { HttpClient httpclient = new DefaultHttpClient(); HttpPost httpPost = new Htt... ...
分类:
Web程序 时间:
2017-08-17 12:34:16
阅读次数:
357
/** 读 **/ public Map getSiteMap() { Map map = new HashMap(); URL dataUrl = this.getClass().getClassLoader().getResource("public\\station.json"); // 25... ...
分类:
编程语言 时间:
2017-07-09 12:21:34
阅读次数:
1975
4个主要方法: abort():中断读取。 readAsBinaryString():将文件读取为二进制码。 readAsDataURL():将文件读取为DataURL。 readAsText():将文件读取为文本。 事件: onabort:中断时 onerror:错误时 onload:读取成功 o ...
分类:
Web程序 时间:
2017-06-03 12:52:28
阅读次数:
267
之前写过一篇“漫谈前端优化”的文章,里面提到过DataUrl,粗鲁的描述了下,感觉不甚详焉,所以这几天也总结了这方面的知识,参考一些资料,补充一篇文章在这里,对这方面的资料来说,也是一种强化记忆应用; Data URL给了我们一种很巧妙的将图片“嵌入”到HTML中的方法。跟传统的用img标记将服务器 ...
分类:
Web程序 时间:
2017-02-15 12:41:52
阅读次数:
223
使用canvas 生成的图片,是使用dataurl的,php无法直接通过file_put_contents方法保存到本地电脑,需要做一下转码。 图片dataurl 如下 $imgstr = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAF ...
分类:
Web程序 时间:
2016-10-14 09:50:05
阅读次数:
220
canvas中可以将绘制的内容转换为图片,然后将图片设置为canvas画布的背景先在画布中绘制需要设置成背景的内容,然后var dataURL=cv.toDataURL("image/jpg",1);//第一个参数表示图片格式. 第二个参数表示图片质量,1表示无损画质...作用是把canvas画布转 ...
分类:
其他好文 时间:
2016-10-12 00:26:26
阅读次数:
129