我有一个Angular4应用程序,我在其中读取图像并尝试将base64字符串传递给另一个变量-但是由于它的异步性质,我遇到了一个问题-image.src为空,因此值已正确传递给图像对象?ngAfterViewInit():void{letimage=newImage();varpromise=this.getBase64(fileObject,this.processImage());promise.then(function(base64){console.log(base64);//outputsstringe.g'data:image/jpeg;base64,........'}
我正在尝试将一个csv文件加载到AngularJS中,以便我可以对内容进行一些操作。它不像我想要的那样有效。为了测试它是否正确加载,我将它加载到文本区域以查看内容。当我加载文件时,它说它已正确加载,但onload()事件似乎直到我加载第二个CSV文件才触发,在这种情况下,第一个文件显示在文本区域中。HTML:JS:$scope.fileChanged=function(){$scope.$apply(function(){varcsvFileInput=document.getElementById('fileInput');varreader=newFileReader();varc
我想使用HTML5FileApi将SWF读取到OBJECT(或EMBED,是否更好?)。我当前的代码在Chrome/Iron(唯一也支持xmlhttprequestv2FormData的稳定浏览器)上崩溃。我得到它来将图像数据读取到即时创建的IMG中。但是对象一使浏览器中的当前选项卡崩溃。elseif(file.type=="application/x-shockwave-flash"){varshow=document.createElement("object");show.type="application/x-shockwave-flash"show.style.width="
我更大的问题是我想使用HTML5拖放功能通过CORS将图像上传到我的S3存储桶。我能够将某些内容放入S3,但它总是以似乎是base64编码内容的形式结束。myFileReader.readAsArrayBuffer(f);//[...]functionon_onload(file_name,file_type,file_data){//file_nameandfile_typeareboundtothefunctionviaaclosure,//file_dataispassedinduringtheactualcallbackinvocation.varxhr=newXMLHttpR
我有一个javascript/HTML5页面,我想用它来拉入一个文件并检查每一行以查看它是否大于240个字符:编辑:我现在可以正确解析一些东西,但它们没有正确呈现。这是我更新的代码:if(window.File&&window.FileReader&&window.FileList&&window.Blob){//Greatsuccess!AlltheFileAPIsaresupported.}else{alert('TheFileAPIsarenotfullysupportedinthisbrowser.');}functionhandleFileSelect(evt){varfil
我想用HTML5/JS创建一个简单的游戏,我不希望用户运行任何网络服务器或必须连接到网站。(只是一个HTML页面)但看起来FileReader只能用于文件类型输入。是否有可能只有两个文件:index.html和foo.txt并排并从index.html中读取foo.txt,如://Noinputneeded,IknowwahtIwanttoreadvarmy_file=newFile("foo.txt");varreader=newFileReader();alert(reader.readAstext(my_file,"UTF-8"));有什么想法吗? 最
我有一个文件输入:Change函数如下:varoFReader=newFileReader();oFReader.readAsDataURL(document.getElementById("myfile").files[0]);oFReader.onload=function(oFREvent){document.getElementById("uploadPreview").src=oFREvent.target.result;};functionPreviewImage(){varoFReader=newFileReader();oFReader.readAsDataURL(do
我正在使用javascript的FileReader和我的自定义函数来读取JPG-JPEG图像,我的问题是如何通过下面的代码检测文件扩展名并在文件不是JPG-JPEG时向用户报错:functionreadURL(input){if(input.files&&input.files[0]){varreader=newFileReader();reader.onload=function(e){alert('imagehasreadcompletely!');}reader.readAsDataURL(input.files[0]);}} 最佳答案
目前我使用类似下面的模式来读取一系列文件的前3个字符:varfiles=e.dataTransfer.files;for(vari=0,f;f=files[i];i++){varfr=newFileReader();fr.onload=function(e){varfirst_three_chars=e.target.result.substr(0,3);}fr.readAsText(f);}问题是我只对文件的前3个字符感兴趣,而这种方法会读取整个文件,浪费大量内存和时间。我如何才能快速遍历文件,只需快速浏览一下第一个字符?编辑:slice()是答案,谢谢sshen。这是我的做法:va
我在MacOSX上使用Chrome12,我在文档中包含了jQuery1.6.1。我尝试以文本形式读取文件内容并将其保存在具有以下功能的数据对象中:this.upload=function(file){console.log('FileHandler.uploadcalledwith'+file.name+'.');console.log(file);console.log(this.reader);data={content:this.reader.readAsText(file)}console.log('Content:'+data.content);}“file”接缝是一个有效的