[英]upload an image with other parameters as JSON type using javascript
[英]Parse Javascript- Upload image with some other parameters
我想在解析時上傳帶有其他一些參數的圖像,但是我沒有找到任何代碼來存儲帶有其他參數的圖像。
我想使用JavaScript或REST API。 請為我建議正確的代碼或正確的方向。
目前,我正在使用REST API上傳參數而不是文件。
提前致謝!
因此,您可以執行以下操作-當前它帶有name參數,但是您可以傳遞多個參數。 希望這對您有幫助-
var file;
// Set an event listener on the Choose File field.
$('#idoffiletag').bind("change", function(e) {
var files = e.target.files || e.dataTransfer.files;
// Our file var now holds the selected file
file = files[0];
});
// This function is called when the user clicks on Upload to Parse. It will create the REST API request to upload this image to Parse.
$('#idofbutton').click(function() {
var serverUrl = 'https://api.parse.com/1/files/classname' + file.name;
$.ajax({
type: "POST",
beforeSend: function(request) {
request.setRequestHeader("X-Parse-Application-Id", 'yourappkey');
request.setRequestHeader("X-Parse-REST-API-Key", 'yourrestapikey');
request.setRequestHeader("Content-Type", file.type);
},
url: serverUrl,
data: file,
processData: false,
contentType: false,
success: function(data) {
//Change variable to reflect your class to upload to
var classUrl = "https://api.parse.com/1/classes/classname";
if(data) {
var fileName = "" + data.name;
$.ajax({
type: "POST",
beforeSend: function(request) {
request.setRequestHeader("X-Parse-Application-Id", 'yourappkey');
request.setRequestHeader("X-Parse-REST-API-Key", 'yourrestapikey');
request.setRequestHeader("Content-Type", 'application/json');
},
url: classUrl,
data: '{"name" : "An Image", "image" : {"name" : '+"\""+fileName+"\""+', "__type" : "File"}}',
processData: false,
success: function(data) {
alert("data successfully uploaded.");
},
error: function(error) {
alert("Error: " + error.message);
}
});
} else {
//Data is null
console.log("Data IS NULL");
}
},
error: function(data) {
var obj = jQuery.parseJSON(data);
alert(obj.error);
}
});
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.