>我在输入文本框中上传文件时收到此错误。
未捕获的 DOMException:无法在"FileReader"上执行"readAsDataURL":对象已忙于读取 Blob。
我必须上传 HTML 文件并预览该文件中的文本,但在上传时会在控制台中抛出此错误。 如何解决此错误。这是我的JavaScript代码——
> $(".image-preview-input input:file").change(function (){
> var file = this.files[0];
> var reader = new FileReader();
> var FileExtension = file.name.split('.')[file.name.split('.').length - 1].toLowerCase();
> if(FileExtension !== 'html'){
> $('#ValidationMessage').css("color", "red");
> $('#ValidationMessage').html("Please select the html extension file.");
> this.set('template','');
> $('.image-preview-input input:file').val("");
> }
> // Set preview image into the popover data-content
> reader.readAsText(file);
> reader.onload = function (e) {
> $('#ValidationMessage').empty();
> $(".image-preview-input-title").text("Change");
> $(".image-preview-clear").show();
> $(".image-preview-filename").val(file.name);
> self.set('template',e.target.result);
> }
> reader.readAsDataURL(file);
> });
您正在读取文件两次。
首先是这里:
reader.readAsText(file);
然后在这里:
reader.readAsDataURL(file);
我看不出第二次阅读的原因。如果您打算使用它,请将其放在onload()
回调中;