Chrome-JS中的FileReader出错

Error with FileReader in Chrome - JS

本文关键字:出错 FileReader 中的 Chrome-JS      更新时间:2023-09-26

我正在使用以下FileReader脚本尝试将附件上传到Salesforce中的对象。

    <label>Select file: <input id="file-input" type="file" name="file" onChange="uploadFile()"></input>

            function uploadFile()
        {       
            var f = document.getElementById('file-input').file;
            var reader = new FileReader();     
            // Keep a reference to the File in the FileReader so it can be accessed in callbacks
            reader.file = f; 
            reader.onerror = function(e) 
            {
                switch(e.target.error.code) 
                {
                    case e.target.error.NOT_FOUND_ERR:
                        alert('File Not Found!');
                        break;
                    case e.target.error.NOT_READABLE_ERR:
                        alert('File is not readable');
                        break;
                    case e.target.error.ABORT_ERR:
                        break; // noop
                    default:
                        alert('An error occurred reading this file.');
                };
            };     
            reader.onabort = function(e) 
            {
                alert('File read cancelled');
            };
            reader.onload = function(e) 
            {
                var att = new sforce.SObject("Attachment");
                att.Name = this.file.name;
                att.ContentType = this.file.type;
                att.ParentId = parentId;
                att.Body = (new sforce.Base64Binary(e.target.result)).toString();
                sforce.connection.create([att],
                {
                    onSuccess : function(result, source) 
                    {
                        if (result[0].getBoolean("success")) 
                        {
                            console.log("new attachment created with id " + result[0].id);
                        } 
                        else 
                        {
                            console.log("failed to create attachment " + result[0]);
                        }
                    }, 
                    onFailure : function(error, source) 
                    {
                        console.log("An error has occurred " + error);
                    }
                });
            };
            reader.readAsBinaryString(f);
        }

但我收到以下错误消息:在Chrome中:

Uncaught TypeError: Failed to execute 'readAsBinaryString' on 'FileReader': The argument is not a Blob.

有人有什么建议吗?

现代浏览器中文件输入上的文件对象是数组的一部分。

您必须更改此行:

var f = document.getElementById('file-input').file;

至:

var f = document.getElementById('file-input').files[0];