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

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

Python地理空间数据库之geopandas使用详解地理空间数据分析在许多领域中都有着广泛的应用，包括地理信息系统（GIS）、城市规划、环境科学、地质勘探等。Python GeoPandas是一个强大的库，旨在简化地理空间数据的处理和分析。本文将深入介绍GeoPandas库，包括其基本概念、功能特性、示例代码以及在实际应用中的应用场景。阅读详情

/* 文件上传预览图 */
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;
}
}

...全文