个人中心
文章发布
退出
作者热门文章
- xml - AJAX/Jquery XML 解析
- 具有多重继承的 XML 模式
- .net - 枚举序列化 Json 与 XML
- XML 简单类型、简单内容、复杂类型、复杂内容
39
4
您可以使用 javascript FileReader API 来显示从文件输入字段提供的图像的预览。这在您不必使用服务器端 php 和 ajax 来显示图像的意义上非常有用。
不过我的问题是:
使用的图片文件大小有限制吗？就像如果用户要选择一个 20MB 的图像，filereader 是否能够处理它？机器内存是否有可能达到极限？
目前我只是在我的机器上进行本地测试。我试图加载一个 bmp 文件(53MB!)，该文件在页面上处理和显示大约需要 15 秒。其他 1/2MB 的文件通常会立即显示。
这可能不是必需的，但这是我的 HTML 文件:(仅供引用:此代码在支持的浏览器中运行良好)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Dropzone File Upload</title>
</head>
<body>
<img id="uploadPreview" src="default.png" style="width: 100px; height: 100px;" />
<input id="uploadImage" type="file" name="myPhoto" onchange="PreviewImage();" />
<p id="uploadProgress"> </p>
<script type="text/javascript">
function PreviewImage() {
var avatar_image = document.getElementById("uploadImage");
var avatar_preview = document.getElementById("uploadPreview");
var avatar_progress = document.getElementById("uploadProgress");
if ( window.FileReader ) { //if supports filereader
var imgReader = new FileReader();
imgReader.readAsDataURL(avatar_image.files[0]); //read from file input
imgReader.onloadstart = function(e) {
avatar_progress.innerHTML = "Starting to Load";
}
imgReader.onload = function (imgReaderEvent) {
//if file is image
if (
avatar_image.files[0].type == 'image/jpg' ||
avatar_image.files[0].type == 'image/jpeg' ||
avatar_image.files[0].type == 'image/png' ||
avatar_image.files[0].type == 'image/gif' ||
avatar_image.files[0].type == 'image/bmp'
) {
avatar_preview.src = imgReaderEvent.target.result;
}
else {
avatar_preview.src = 'filetype.png';
}
}
imgReader.onloadend = function(e) {
avatar_progress.innerHTML = "Loaded!";
}
}
/* For no support, use ActiveX instead */
else {
document.getElementById("uploadPreview").src = "nosupport.png";
}
};
</script>
</body>
</html>
最佳答案
Chrome 45 中的限制似乎是 261 MB。
不幸的是，当大小超过该限制时没有错误(FileReader.error == null)，结果只是一个空字符串。
关于javascript - 使用 javascript FileReader API 时是否有文件大小限制？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20706418/
39
4
0
第一次在这里发帖。 我正在编写一个 Java 程序，它接受一个输入文本文件，读取内容，然后将它们打印到屏幕上，同时创建一个包含内容的输出文件。我已经设置了必要的编写器，但是当我尝试使用 Buffere
类 FileReader 中的构造函数 FileReader 不能应用于给定类型； import java.io.*; public class FileReader{ publ
任何人都可以帮我修复我的代码，以便我可以编译它。 当我编译它时，会出现一条错误消息“对‘FileReader::FileReader()’的 undefined reference ”。 #ifnde
这是我的程序。我必须从 JFileChooser 选择一个文件，然后对其执行一些操作。问题是，在我选择文件之前，filereader 给出了 nullpointer ，说实话，我什至无法选择，因为当
我无法真正理解 Java 中 FileReader 和 BufferedReader 类的用途。 在 docs.oracle 中，建议将缓冲读取器包装在 FileReader 对象周围，因为直接使用
我正在尝试读取 CSV 或 Excel 文件以将其转换为表格。现在我刚刚创建了一个类来读取输入文件: 输入是: 现在我刚刚创建了一个类来读取输入文件: class InputReader_tiqe
我正在玩弄食物识别 API。 我有一个名为 ingredients 的本地状态组件。 在组件中，我有一个 input 标签，它接受文件图像上传并调用 cameraHandler 方法 onChange
我正在尝试使用此应用脚本将文件上传到 Google 云端硬盘，它适用于较小的文件，但在上传大于约 1 GB 的文件时失败 + 一旦加载大文件，onerror 函数就会执行。我无法弄清楚如何在切片中读取
我的代码 - $selectFile = $(''); $selectFile.click(function () { this.value = null; });
我有一个 FileReader，可以让用户将文件(图像)上传到我的网站。 这是执行读取的代码: $("input[type='file']").change(function(e) { var
我知道异步方法应该是非阻塞的。但我通常看到它们应用于诸如 fetch() 之类的外部操作。 即:在浏览器外部处理的内容。 但是 FileReader() API 又如何呢？文件处理是由浏览器完成的，对
我有(可能)很容易解决的问题，但我自己无法解决。基本上我的reader.width和reader.height一直说未定义:/..其他一切都按预期工作 function handleFileSelec
我想像asp.net一样获取图像文件流并将它们传递到后台，但是每次我尝试触发onload事件时，它总是在编程通过后完成。 我尝试使用setTimeout来阻止它并让它处理并等待它成功，但它失败了。下面
我有两个类。首先是 TEXT 类:这里我读取了一个 6 行的文本文件。我只想逐行阅读，但这可行。但我想从第三行开始，并跳过最后一行，我只希望以 这是文本文件代码。 这是文件读取器的代码:
我仍在学习过程中，如果我有误解，请纠正我，但 FileReader 对象不应该返回文本文件的全部内容吗？ 我这里有一段代码，我简单地尝试获取一个短.txt文件的内容，并使用system.out.pri
我收到错误“未处理的异常:java.io.FileNotFoundException，虽然我确定文件路径，但需要一些帮助 public static void main(String[] args)
我有一个我看不到的简单问题，希望另一双眼睛可以帮助我解决。除了我认为的文件阅读器之外，一切都运行良好。我应该让用户输入将其放入文件中，读取该文件并执行正确的操作。但由于某种原因，它只对用户输入的最后一
我尝试使用java.io.FileReader读取一些文本文件并将它们转换为字符串，但我发现结果编码错误并且根本不可读。 这是我的环境: Windows 2003，操作系统编码:CP1252 Java
在java中使用FileReader方法，使文件只读还是仍然需要声明 FileReader file = new FileReader(args[0]); BufferedReader buff
关闭。此题需要details or clarity 。目前不接受答案。 想要改进这个问题吗？通过 editing this post 添加详细信息并澄清问题. 已关闭10 年前。 Improve th
我是一名优秀的程序员,十分优秀！