I am trying to upload pictures to Parse.com, I do not have the files, but the dataURL's (because I resized the images), but need an image file to upload.
Any tip is welcome.
Here is the code for further details:
// First want to resize the image, where the result is a dataURL
var dataURL;
function resizePicture(file) { // This file is the original image
var reader = new FileReader();
reader.onloadend = function() {
var tempImg = new Image();
tempImg.src = reader.result;
tempImg.onload = function() {
var MAX_WIDTH = 100;
var MAX_HEIGHT = 150;
var tempW = tempImg.width;
var tempH = tempImg.height;
if (tempW > tempH) {
if (tempW > MAX_WIDTH) {
tempH *= MAX_WIDTH / tempW;
tempW = MAX_WIDTH;
}
} else {
if (tempH > MAX_HEIGHT) {
tempW *= MAX_HEIGHT / tempH;
tempH = MAX_HEIGHT;
}
}
var canvas = document.createElement('canvas');
canvas.width = tempW;
canvas.height = tempH;
var ctx = canvas.getContext("2d");
ctx.drawImage(this, 0, 0, tempW, tempH);
dataURL = canvas.toDataURL("image/jpeg"); // How can I convert this dataURL to an image file?
}
}
reader.readAsDataURL(file);
}
// Then, want to upload the image to Parse.com.
function savePicture() {
var name = "productPicture.jpg";
var parseFile = new Parse.File(name, dataURL); // Here instead of dataURL, I need an image file.
parseFile.save().then(function() {
// successful save
}, function(error) {
alert("The file either could not be read, or could not be saved to Parse.");
});
}
As per the API Documentation for Parse.File(name, data, type)
:
data
The data for the file, as either:
- an Array of byte value Numbers, or
- an Object like { base64: "..." } with a base64-encoded String.
- a File object selected with a file upload control.
(3) only works in Firefox 3.6+, Safari 6.0.2+, Chrome 7+, and IE 10+.
In theory this should work:
// get everything after "base64,"
var base64 = dataURL.split('base64,')[1];
var parseFile = new Parse.File(name, { base64: base64 });
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.