在Javascript上解析保存文件時出現XMLHttpRequest錯誤

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">

---

我可以在幾天前在此代碼上保存文件。 因此，我返回了一些舊版本的代碼來刪除此錯誤，但這是行不通的。

我也研究了以下相關問題，但是沒有用。

如何通過JavaScript在Parse.com中保存圖像？

我的網站正在使用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) {

});

希望有效！