javascript - 解析 Javascript- 使用其他一些参数上传图像

Question

我想在解析时上传带有其他一些参数的图像，但我没有找到任何代码来存储带有其他参数的图像。

我想使用 JavaScript 或 REST API。请建议我正确的代码或一些正确的方向。

目前我正在使用 REST API 上传参数而不是文件。

提前致谢!

Answer 1

因此，您可以执行以下操作 - 目前它带有名称参数，但您可以使用它传递多个参数。希望这对您有帮助 -

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);
    }
  });
});