一、JSP代码
<input type="text" id="show"><input type="file" id="upload"><button type="button" id="file_upload">上传</button>
二、JS代码(上传后在线点击预览)
var m_upload_type = "";
var m_obj = {};//在线弹窗预览
var m_obj_upload = {};//上传后台
$('body').on("change", "#onload", onchange_file);
$('body').on("click", "#show", show_flie);
function onchange_file() {
var objUrl = getObjectURL(this.files[0]);
var file = $("#onload").val();
var fileName = getFileName(file);
var unload_file = $('#onload')[0].files[0];//用来传给后台
var checkReturn = check_upload_file_type(fileName);//验证上传文件格式
if(!checkReturn){
alert("文件格式不正确!");
return;
}
m_obj[fileName] = objUrl;
m_obj_upload[fileName] = unload_file;
}
//返回的url使用layer弹窗可以弹出图片
function getObjectURL(file) {
var url = null ;
if (window.createObjectURL!=undefined) { // basic
url = window.createObjectURL(file) ;
} else if (window.URL!=undefined) { // mozilla(firefox)
url = window.URL.createObjectURL(file) ;
} else if (window.webkitURL!=undefined) { // webkit or chrome
url = window.webkitURL.createObjectURL(file) ;
}
return url ;
}
function getFileName(o){
var pos= o.lastIndexOf("\\");
var pointIndexs = o.lastIndexOf(".");
return o.substring(pos+1,po