我正在为网站编写高级图片上传功能。为了在浪费时间和客户端和服务器资源将图像上传到服务器之前允许执行所有图像配置，我尝试使用HTML5功能来支持在所有图像裁剪后批量上传的完全客户端功能集并进行了其他编辑。我的页面上有一个拖放区域，允许拖放多个文件以实际选择要编辑的图像。在放置时，我创建了一个图像编辑器列表(使用window.URL.createObjectURL)，其中包含一些表单字段、简单的元数据提取预览，并将Jcrop附加到每个图像。我遇到的问题是当我附加Jcrop时。尽管我在通过调用window.URL.revokeObjectURL撤销url之前附加了裁剪工具，但Jcrop似乎直

我正在为网站编写高级图片上传功能。为了在浪费时间和客户端和服务器资源将图像上传到服务器之前允许执行所有图像配置，我尝试使用HTML5功能来支持在所有图像裁剪后批量上传的完全客户端功能集并进行了其他编辑。我的页面上有一个拖放区域，允许拖放多个文件以实际选择要编辑的图像。在放置时，我创建了一个图像编辑器列表(使用window.URL.createObjectURL)，其中包含一些表单字段、简单的元数据提取预览，并将Jcrop附加到每个图像。我遇到的问题是当我附加Jcrop时。尽管我在通过调用window.URL.revokeObjectURL撤销url之前附加了裁剪工具，但Jcrop似乎直

我正在制作一个html界面，通过拖放和多选文件在服务器上上传图像。我想在将图片发送到服务器之前显示这些图片。所以我首先尝试使用FileReader但我遇到了一些问题，例如thispost.所以我改变了我的方式，我决定使用blob:url就像ebidel在帖子中推荐的那样，使用window.URL.createObjectURL()和window.URL.revokeObjectURL()释放内存。但是现在，我遇到了另一个问题，类似于thisone.我希望客户可以根据需要一次上传200张图像。但是浏览器崩溃了，使用的ram非常高!所以我想可能是同时显示的图像太多了，我用一个数组设置了一个

我正在制作一个html界面，通过拖放和多选文件在服务器上上传图像。我想在将图片发送到服务器之前显示这些图片。所以我首先尝试使用FileReader但我遇到了一些问题，例如thispost.所以我改变了我的方式，我决定使用blob:url就像ebidel在帖子中推荐的那样，使用window.URL.createObjectURL()和window.URL.revokeObjectURL()释放内存。但是现在，我遇到了另一个问题，类似于thisone.我希望客户可以根据需要一次上传200张图像。但是浏览器崩溃了，使用的ram非常高!所以我想可能是同时显示的图像太多了，我用一个数组设置了一个

如果我理解正确，URL.createObjectURL创建一个表示文件或blob的URL。因为URL只是一个字符串，所以浏览器无法知道您何时使用完URL代表的资源，因此提供了一个URL.revokeObjectURL函数。MDN显示thisexample:varcanvas=document.getElementById("canvas");canvas.toBlob(function(blob){varnewImg=document.createElement("img");varurl=URL.createObjectURL(blob);newImg.onload=function

如果我理解正确，URL.createObjectURL创建一个表示文件或blob的URL。因为URL只是一个字符串，所以浏览器无法知道您何时使用完URL代表的资源，因此提供了一个URL.revokeObjectURL函数。MDN显示thisexample:varcanvas=document.getElementById("canvas");canvas.toBlob(function(blob){varnewImg=document.createElement("img");varurl=URL.createObjectURL(blob);newImg.onload=function