草庐IT

filereader

全部标签

javascript - 文件对象到具有正确文件名而不是 src ="blob..."的图像

我有一个文件对象myFile在控制台中看起来像这样:File{name:"myimage.jpg",lastModified:1465476925001,lastModifiedDate:ThuJun09201614:55:25GMT+0200(CEST),size:33002type:"image/jpeg"}但是当我用它创建一个图像时varimage=newImage();image.src=URL.createObjectURL(myFile);我得到:当我尝试通过右键单击保存文件时,文件名为空或“6b2b83d8-ac36-40c1-8ab1-c4f07b019ba5”而不是“

javascript - 如何在甜蜜警报中显示我要上传的图像?

我有以下代码不工作。当输入更改时,我希望图像出现在swal(SweetAlert)中,但我不知道什么不起作用。我在控制台上收到以下错误:无法在“FileReader”上执行“readAsDataURL”:参数1不是“Blob”类型输入脚本functionmuda(){varthefile=document.getElementById('input');varreader=newFileReader();reader.onloadend=function(){varimagem=reader.result;}if(thefile){reader.readAsDataURL(thefil

javascript - FileReader.readAsDataURL 上传到 express.js

我有以下代码要上传到我的Node.js/Express.js后端。varreader=newFileReader();reader.readAsDataURL(file);reader.onload=function(e){varresult=http.post('/files',e.target.result);result.success(function(){alert('done'):});}我的路线是这样的:app.post('/files',function(req,res){varcws=fs.createWriteStream(__dirname+'/media/fil

javascript - ArrayBuffers 有最大长度吗?

我在这里有点困惑。ArrayBuffer是否为其分配了新的内存区域?如果是这样,放置在其上的最大安全Blob大小是多少? 最佳答案 这只取决于你的系统,似乎没有限制。根据thespecification:Iftherequestednumberofbytescouldnotbeallocatedanexceptionisraised. 关于javascript-ArrayBuffers有最大长度吗?,我们在StackOverflow上找到一个类似的问题: ht

javascript - 如何使用 FileReader 读取二进制文件以便在 CryptoJS 中使用 SHA-256 对其进行哈希处理?

如何使用javascript将UTF-8字符串转换为Latin1编码字符串?这是我正在尝试做的事情:我得到一个文件,通过读取数组缓冲区将其拆分成block然后,我将数组缓冲区解析为字符串并使用以下代码将其传递给cryptoJS以进行哈希计算:cryptosha256=CryptoJS.algo.SHA256.create();cryptosha256.update(text);hash=cryptosha256.finalize();对于文本文件,这一切都适用。使用散列非文本文件(图像/.wmv文件)的代码时出现问题。我在另一个博客中看到CryptoJS作者要求使用Latin1格式而不

javascript - 从 FileReader() 返回字节数组

我需要一些帮助从下面的这个函数返回“bytes”变量以用作另一个函数的输入。functionopenfile(){varinput=document.getElementById("files").files;varfileData=newBlob([input[0]]);varreader=newFileReader();reader.readAsArrayBuffer(fileData);reader.onload=function(){vararrayBuffer=reader.resultvarbytes=newUint8Array(arrayBuffer);console.l

javascript - HTML 4 等同于 HTML 5 的 FileReader?

我有一个网页需要能够从运行浏览器的本地计算机将文件加载到DOM中。我发现使用HTML5文件API很容易做到这一点。我可以做到:varreader=newFileReader();reader.onload=function(fileContents){...loadcontentstoadiv...}reader.readAsText(f)//wherefisanHTML5Fileobject烦人的是,我需要它在IE7和一些不支持API的早期版本的Firefox中工作。有什么简单的方法可以在旧版浏览器中将本地文件加载到DOM中吗?非常感谢! 最佳答案

javascript - 在 Angular 2 中使用 FileReader 上传文件和读取数据

我正在尝试在Angular2ts(2.2.1)中创建一个上传表单,它允许上传例如一个CSV文件,但我不想将文件直接发送到http服务,而是希望首先在浏览器中验证该文件。到目前为止,我已经可以使用以下代码上传文件并在控制台中打印它:文件上传的HTML输入在我的Angular组件中,我设置了eventListner和文件阅读器。exportclassUploadComponent{publicfileString;constructor(){this.fileString;}changeListener($event):void{this.readThis($event.target);}

javascript - 带流的 JS 文件 uploader ,即不将整个文件加载到内存中

类似于thisMDNpage中描述的内容,但没有将文件加载到内存中,即我希望能够使用一些流接口(interface)以block的形式发送文件,以便我的客户端进程独立于文件大小。使用不可见的选择文件元素。这是一个现实世界的问题:我的用户将同时上传多个文件,这些文件可能足够大(而且客户端设备也足够有限)以致于担心内存消耗。同时,我想提供一个带有进度指示的不错的客户端uploader。FileReader界面似乎不支持流式传输,除非我遗漏了什么。该解决方案应该适用于最新版本的Safari、Chrome和Firefox,如果可能,也适用于IE9(尽管可能希望不大)。编辑:也没有jQuery,

javascript - FileReader 与 window.URL.createObjectURL

我正在构建一个移动网站,我想使用CameraAPI来拍照。图片应显示在网站上并上传到服务器。根据introductiontotheCameraAPIonMDN可以使用FileReader或window.URL.createObjectURL在网站上访问和显示图像。我tested这些可能的解决方案在iPad(Safari和Chrome)和Android平板电脑(Chrome和Firefox)上成功运行。FileReader和window.URL.createObjectURL有什么区别?我认为window.URL.createObjectURL较新,但还不是标准。性能有区别吗?