jjzjj

filereader

全部标签

javascript - 从图像中读取二进制数据并使用 JavaScript 保存

我想读取图像的二进制数据,然后使用JavaScript将其再次保存到我的本地磁盘。我写了一个小演示来展示这个用例。要阅读文件,我使用readAsBinaryString从FileReaderAPI(HTML5)获取二进制数据。我将二进制字符串写入文本字段,然后从中再次读取数据以将其写入文件。如果我保存文件,我的图像(我测试了几个JPEG)就会损坏,所以你看不到任何有用的东西。会不会是“readAsBinaryString”进行了转换,导致二进制数据不正确?为了查看我的演示应用程序,我制作了一个fiddle.主要部分从这里开始:reader.readAsBinaryString(file

javascript - 从图像中读取二进制数据并使用 JavaScript 保存

我想读取图像的二进制数据,然后使用JavaScript将其再次保存到我的本地磁盘。我写了一个小演示来展示这个用例。要阅读文件,我使用readAsBinaryString从FileReaderAPI(HTML5)获取二进制数据。我将二进制字符串写入文本字段,然后从中再次读取数据以将其写入文件。如果我保存文件,我的图像(我测试了几个JPEG)就会损坏,所以你看不到任何有用的东西。会不会是“readAsBinaryString”进行了转换,导致二进制数据不正确?为了查看我的演示应用程序,我制作了一个fiddle.主要部分从这里开始:reader.readAsBinaryString(file

file - 使用 HTML5 将图像转换为二进制数组 (blob)

我正在尝试使用Chrome和Firefox中HTML5支持的“FileReader”和“File”API将图像转换为二进制数组,但它似乎无法在Chrome上正常工作。我只有一个简单的HTML页面,其中有一个文件作为输入类型:从这里开始,我使用jQuery获取图像的内容,然后使用API:File.getAsBinary()将其转换为二进制数组。这在Firefox上完美运行,但在Chrome上运行不正常:$('#image_upload').change(function(){varfileList=this.files;varfile=fileList[0];vardata=file.g

file - 使用 HTML5 将图像转换为二进制数组 (blob)

我正在尝试使用Chrome和Firefox中HTML5支持的“FileReader”和“File”API将图像转换为二进制数组,但它似乎无法在Chrome上正常工作。我只有一个简单的HTML页面,其中有一个文件作为输入类型:从这里开始,我使用jQuery获取图像的内容,然后使用API:File.getAsBinary()将其转换为二进制数组。这在Firefox上完美运行,但在Chrome上运行不正常:$('#image_upload').change(function(){varfileList=this.files;varfile=fileList[0];vardata=file.g

javascript - 为什么这个普通的 JavaScript 可以工作,而它等效的 jQuery 会失败?

我找到了一个处理HTML5文件阅读器API的javascript。它是用纯javascript编写的,我正在将它转换为jQuery脚本。但是我被卡在了这一点上。这个有效:document.getElementById('drop-area').addEventListener('drop',function(e){e.preventDefault();e.stopPropagation();console.log(e.dataTransfer.files);//outputstherightstuff},false);这失败了:$('#drop-area').on('drop',fun

javascript - 为什么这个普通的 JavaScript 可以工作,而它等效的 jQuery 会失败?

我找到了一个处理HTML5文件阅读器API的javascript。它是用纯javascript编写的,我正在将它转换为jQuery脚本。但是我被卡在了这一点上。这个有效:document.getElementById('drop-area').addEventListener('drop',function(e){e.preventDefault();e.stopPropagation();console.log(e.dataTransfer.files);//outputstherightstuff},false);这失败了:$('#drop-area').on('drop',fun

javascript - JavaScript FileReader 中 readAsDataURL() 与 readAsArrayBuffer() 和 readAsText() 的区别

我找到了图片上传预览的代码,我很困惑FileRead()是怎么回事?varopenFile=function(event){varinput=event.target;varreader=newFileReader();reader.onload=function(){vardataURL=reader.result;varoutput=document.getElementById('output');console.log(dataURL)output.src=dataURL;};reader.readAsDataURL(input.files[0]);};

javascript - JavaScript FileReader 中 readAsDataURL() 与 readAsArrayBuffer() 和 readAsText() 的区别

我找到了图片上传预览的代码,我很困惑FileRead()是怎么回事?varopenFile=function(event){varinput=event.target;varreader=newFileReader();reader.onload=function(){vardataURL=reader.result;varoutput=document.getElementById('output');console.log(dataURL)output.src=dataURL;};reader.readAsDataURL(input.files[0]);};

javascript - 使用 HTML5 文件 API 读取存储在某些 URL 上的文件

我正在使用HTML5文件API将文件上传到我的网络应用程序。我的网页上有一个输入元素,我使用它读取文件并调用上传功能$('input[type="file"]').on("change",function(e){console.log(this.files);//uploadeachfileinthis.files});这非常适用于os上的native文件。我现在想上传远程文件,例如example.com/blah/file1.jpg我的问题是如何使用文件API读取此文件?有办法吗? 最佳答案 您可以通过XMLHttpRequest

javascript - 使用 HTML5 文件 API 读取存储在某些 URL 上的文件

我正在使用HTML5文件API将文件上传到我的网络应用程序。我的网页上有一个输入元素,我使用它读取文件并调用上传功能$('input[type="file"]').on("change",function(e){console.log(this.files);//uploadeachfileinthis.files});这非常适用于os上的native文件。我现在想上传远程文件,例如example.com/blah/file1.jpg我的问题是如何使用文件API读取此文件?有办法吗? 最佳答案 您可以通过XMLHttpRequest