javascript - XMLHttpRequest 在 JavaScript 上解析保存文件时出错

Question

感谢您的观看。 我正在 Parse.com 上制作一个用于名片的应用程序。 所以我想将 HTML 输入中的图像文件保存到 Parse DB，但昨天我收到以下控制台错误。

XMLHttpRequest cannot load https://api.parse.com/1/1/files/photo.jpg. 
Response to preflight request doesn't pass access control
check: No 'Access-Control-Allow-Origin' header is present on the requested resource. 
Origin 'https://***.***' is therefore not allowed access.
The response had HTTP status code 404.

OPTIONS https://api.parse.com/1/1/files/photo.jpg
dispatch @ parse-latest.js:8552
ajax @ parse-latest.js:8554
saveFile @ parse-latest.js:2483
save @ parse-latest.js:2401
(anonymous function) @ parse-latest.js:4478
wrappedResolvedCallback @ parse-latest.js:5292
(anonymous function) @ parse-latest.js:5353
runLater @ parse-latest.js:5337
then @ parse-latest.js:5352
(anonymous function) @ parse-latest.js:4477
save @ parse-latest.js:4475
save @ parse-latest.js:3828
cardMake @ ***.html:119
onclick @ ***.html:184
***.html:1 

<小时/>

这是我的 JS 代码。

        function cardMake(){
            var visualUpload = $("#inputVisual")[0];
            var inputVisualFile = visualUpload.files[0];
            var namePhoto = "photo.jpg";
            var visualFile = new Parse.File(namePhoto, inputVisualFile);
            var name = document.getElementById('inputName').value;
            if (visualUpload.files.length > 0) {
                if(name=="" || name==null)  {
                    alert("記入していない項目があります。");
                }else{
                    cardSave.set("mainVisual", visualFile);
                    cardSave.set("name", name);
                    cardSave.save(null, {
                        success: function() {
                            alert('新しい名刺を作成しました！');
                        }, error: function(error) {
                            alert('エラーコード: ' + error.description);
                        }
                    });
                }
            }else{
                alert("Ooops! No visual file!");
            }
        }

<小时/>

这是一个 HTML 输入

<input type="file" id="inputVisual">

<小时/>

几天前我可以在这段代码上保存文件。 所以我回到了一些旧版本的代码来删除这个错误，但这不起作用。

我还研究了以下相关问题，但没有成功。

How to save an Image in Parse.com via JavaScript?

我的网站正在使用 CloudFlare，尽管我不知道这是一个相关因素。

如果有人给我一个解决方案，我真的很感激。 感谢您的阅读。

Answer 1

我遇到了完全相同的问题，因为它只是在昨天之后才开始创建此错误，而之前从未创建过此错误。我从未对我的解析键或文件保存功能进行过更改。今天，在重新阅读解析文档后，我解决了它对我有用的问题:

换行:

cardSave.set("mainVisual", visualFile);
cardSave.set("name", name);
cardSave.save(null, {
    success: function() {
        alert('新しい名刺を作成しました！');
    }, error: function(error) {
        alert('エラーコード: ' + error.description);
    }
});

里面:

parseFile.save().then(function() {
    //Your cardSave set and save
}, function(error) {

});

希望有效!