文件上传功能的疑问？？？

2015-07-21 10:51:25 154 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

GitLab教程（四）：分支（branch）和合并（merge）命令进行合并时，Git具备一定的智能自动化处理能力：如果一个分支仅修改了文件A，而另一个分支独立地修改了文件B，Git能够无缝整合这些更改，自动完成合并过程——即最终的代码既包含了对A文件的修改也包含了对B文件的修改。同样地，若两个分支虽然都修改了同一个文件，但涉及的是文件中互不重叠的部分，比如一个改动发生在第一行，另一个则在第二行，Git同样能巧妙地自动合并这些非冲突性修改。获取了远程分支的最新变化，或者当你想要合并本地的一个分支到当前分支时，就会用到这个命令。，默认会尝试合并远程分支到当前分支。阅读详情

/* 文件上传预览图 */
function FileLoad(settings) {
this.input = settings.input;
this.imgView = settings.imgView;
this.delBtn = settings.delBtn;
this.init();
}
var image_base64="";
var image_name="";
FileLoad.prototype = {
init: function () {
var _this = this;
//
if (typeof(FileReader) === 'undefined') {

} else {
//“change”方法绑定，触发文件读取方法
this.input.on("change", function () {
_this.readFile.call(_this);
});
}
//del方法清除绑定信息
_this.delBtn.on("click", function (e) {
_this.imgView.html("");
_this.input.val("");
image_name="";
image_base64="";
$(this).hide();
})
},
readFile: function () {
var _this = this;
var file = this.input[0].files[0];//获取文件
if(file.size>3145728){
//alertWarning('请上传小于3M的图片','top');
alert('请上传小于3M的图片');
$("#fileInput").val("");
return false;
}
image_name=file.name;
var fileType = file.type;
if (fileType && !/image\/\w+/.test(fileType)) {
alert("请上传图片文件");
return false;
}

var $img = new Image();
//问题一：“webkitURL.createObjectURL”是什么作用？
var url = webkitURL.createObjectURL(file);
$img.onload = function() {
//生成比例
var width = $img.width;
var height = $img.height;
if (width>height){
if (width>600){
height = height * (600/width);
width = parseInt(600);
}
}else if (height > width){
if (height > 600){
width = width * (600/height);
height = parseInt(600);
}
}else {
if (width >600){
width = parseInt(600);
height = parseInt(600);
}
}
//生成canvas
var $canvas = document.createElement('canvas');
var ctx = $canvas.getContext('2d');
$canvas.width= width;
$canvas.height = height;
ctx.drawImage($img, 0, 0, width, height);
问题二：为什么要先将图片放入canvas中，然后再从canvas中获取图片？
image_base64 = $canvas.toDataURL('image/png',0.3);
image_base64=encodeURIComponent(image_base64);
问题三：“encodeURIComponent”作用是什么？？？
_this.imgView.html('<img src="'+url+'"/>');
_this.delBtn.show();
}
$img.src = url;
}
}

...全文