pixel-editor/js/_loadImage.js

42 lines
1.8 KiB
JavaScript
Raw Normal View History

2019-03-27 02:20:54 +03:00
document.getElementById('open-image-browse-holder').addEventListener('change', function () {
let fileName = document.getElementById("open-image-browse-holder").value;
let extension = fileName.substring(fileName.lastIndexOf('.')+1, fileName.length) || fileName;
2020-04-04 10:41:56 +03:00
if (this.files && this.files[0]) {
if (extension == 'png' || extension == 'gif' || extension == 'lpe') {
if (extension == 'lpe') {
let file = this.files[0];
let reader = new FileReader();
2020-04-04 10:41:56 +03:00
reader.readAsText(file, "UTF-8");
reader.onload = function (e) {
let dictionary = JSON.parse(e.target.result);
2020-04-04 10:41:56 +03:00
newPixel(dictionary['canvasWidth'], dictionary['canvasHeight'], [], dictionary);
}
}
else {
//load file
var fileReader = new FileReader();
fileReader.onload = function(e) {
var img = new Image();
img.onload = function() {
//create a new pixel with the images dimentions
newPixel(this.width, this.height, []);
2020-04-04 10:41:56 +03:00
//draw the image onto the canvas
currentLayer.context.drawImage(img, 0, 0);
createPaletteFromLayers();
2020-04-04 10:41:56 +03:00
//track google event
ga('send', 'event', 'Pixel Editor Load', colorPalette.length, this.width+'/'+this.height); /*global ga*/
2020-04-04 10:41:56 +03:00
};
img.src = e.target.result;
2020-04-04 10:41:56 +03:00
};
fileReader.readAsDataURL(this.files[0]);
}
2020-04-04 10:41:56 +03:00
}
else alert('Only .lpe project files, PNG and GIF files are allowed at this time.');
2020-04-04 10:41:56 +03:00
}
});