我正在使用新的FileReader API在上传之前预览图像.这是使用DataURL完成的.但是如果图像很大,DataURL可能会很大.这对我来说尤其是一个问题,因为用户可能一次上传多个图像并且预览该群实际上已经大大减慢了我的浏览器并且实际上几次崩溃了铬.
在上传之前,有没有其他方法可以使用DataURL在客户端上预览图像?
解决方法:
您还可以将数据存储在客户端的磁盘上(在另一个位置,以便您可以使用JavaScript访问该文件).在涉及这个主题时,这篇文章相当广泛:
http://www.html5rocks.com/en/tutorials/file/filesystem/
但是并不是所有浏览器都支持它.
您必须请求存储空间(文件系统),然后创建文件,向其写入数据,最后获取URL:
window.requestFileSystem(window.PERSISTENT, 5*1024*1024, function(fs) {
fs.root.getFile(filename, {create: true}, function(fileEntry) {
fileEntry.createWriter(function(fileWriter) {
var arr = new Uint8Array(data.length);
// fill arr with image byte data here
var builder = new BlobBuilder();
builder.append(arr.buffer);
var blob = builder.getBlob();
fileWriter.write(blob);
location.href = fileEntry.toURL(); // navigate to file. The URL does not contain the data but only the path and filename.
});
});
}, function() {});