如何从javascript中找到经过图像处理的图像文件并在特定位置查看?

如何从javascript中找到经过图像处理的图像文件并在特定位置查看?,javascript,php,html,Javascript,Php,Html,var ImageUploader=函数(配置){ 如果(!config | |(!config.inputElement)| |(!config.inputElement.getAttribute)| | config.inputElement.getAttribute('type')!='file'){ 抛出新错误('传递给ImageUploader构造函数的配置对象必须包括设置为type=“file”元素的“inputElement”); } 这个.setConfig(config); v


var ImageUploader=函数(配置){
如果(!config | |(!config.inputElement)| |(!config.inputElement.getAttribute)| | config.inputElement.getAttribute('type')!='file'){
抛出新错误('传递给ImageUploader构造函数的配置对象必须包括设置为type=“file”元素的“inputElement”);
}
这个.setConfig(config);
var This=此;
this.config.inputElement.addEventListener('change',函数(事件){
var fileArray=[];
var=0;
对于(;cursor1){
var file=fileArray.shift();
this.handleFileSelection(文件,函数(){
此.handleFileList(文件数组);
});
}else if(fileArray.length==1){
this.handleFileSelection(fileArray[0],函数(){
if(This.config.onComplete){
This.config.onComplete(This.progressObject);
}
});
}
};
ImageUploader.prototype.handleFileSelection=函数(文件,completionCallback){
var img=document.createElement('img');
this.currentFile=文件;
var reader=new FileReader();
var This=此;
reader.onload=函数(e){
img.src=e.target.result;
img.onload=函数(){
这个.scaleImage(img,completionCallback);
}
};
reader.readAsDataURL(文件);
};
ImageUploader.prototype.scaleImage=函数(img,completionCallback){
var canvas=document.createElement('canvas');
canvas.width=img.width;
canvas.height=img.height;
canvas.getContext('2d').drawImage(img,0,0,canvas.width,canvas.height);
而(canvas.width>=(2*this.config.maxWidth)){
canvas=this.getHalfScaleCanvas(canvas);
}
if(canvas.width>this.config.maxWidth){
canvas=this.scaleCanvasWithAlgorithm(canvas);
}
var imageData=canvas.toDataURL('image/jpeg',this.config.quality);
此.performUpload(imageData,completionCallback);
/*	
img=$.ajax({
类型:“POST”,
url:“script.php”,
数据:{
imgBase64:图像数据
}
}).完成(功能(o){
console.log('saved');
});
*/
};
ImageUploader.prototype.performUpload=函数(imageData,completionCallback){
var xhr=new XMLHttpRequest();
var This=此;
var uploadInProgress=true;
var headers=this.config.requestHeaders;
xhr.onload=函数(e){
uploadInProgress=false;
This.uploadComplete(e,completionCallback);
};
xhr.upload.addEventListener(“进度”,函数(e){
此.progressUpdate(e.loaded,e.total);
},假);
open('POST',this.config.uploadUrl,true);
如果(标题的类型==='object'&&headers!==null){
Object.keys(headers).forEach(函数(键,索引){
如果(标题类型[键]!=='string'){
var headersArray=头[key];
对于(var i=0,j=headersArray.length;i