81,090
社区成员
发帖
与我相关
我的任务
分享
<script type="text/javascript">
$(function() {
$("#yulan")
.click(
function() {
var brand = $("input[name='brand']").val();
var carmodel = $("input[name='carmodel']").val();
var oenumber = $("input[name='oenumber']").val();
var directionid = $("input[name='directionid']")
.val();
var year = $("input[name='year']").val();
var content = $("textarea[name='content']").val();
var url = "${pageContext.request.contextPath}/PreviewProduct?brand="
+ brand
+ "&content="
+ content
+ "&directionid="
+ directionid
+ "&year="
+ year
+ "&carmodel="
+ carmodel
+ "&oenumber=" + oenumber;
/* var file = $("#file1");
alert(file);
r = new FileReader(); //本地预览
r.onload = function() {
$_('productEditor').value = r.result;
}
r.readAsDataURL(file); //Base64 */
var form = $("<form method='post'target='_blank'></form>");
form
.attr({
"action" : "${pageContext.request.contextPath}/PreviewProduct"//这里最好加个 path进去 ,如果浏览器直接跳转到 /PreviewNews 前面没有项目名和端口这就尴尬了。
});
var input1 = $("<input type='hidden'>");
input1.attr({
"name" : "brand"
});
input1.val(brand);
form.append(input1);
var input2 = $("<input type='hidden'>");
input2.attr({
"name" : "carmodel"
});
input2.val(carmodel);
form.append(input2);
var input3 = $("<input type='hidden'>");
input3.attr({
"name" : "oenumber"
});
input3.val(oenumber);
form.append(input3);
var input4 = $("<input type='hidden'>");
input4.attr({
"name" : "directionid"
});
input4.val(directionid);
form.append(input4);
var input5 = $("<input type='hidden'>");
input5.attr({
"name" : "content"
});
input5.val(content);
form.append(input5);
var input6 = $("<input type='hidden'>");
input6.attr({
"name" : "directionid"
});
input6.val(directionid);
form.append(input6);
var input7 = $("<input type='hidden'>");
input7.attr({
"name" : "year"
});
input7.val(year);
form.append(input7);
$("html").append(form);
form.submit();
});
});
</script>
<table>
<tr>
<td class="namestyle">品牌:</td>
<td><input type="text" name="brand" class="input-sm"
value="${p.brand}" style="border: 1px #999 solid;"></td>
</tr>
<tr>
<td class="namestyle">车型:</td>
<td><input type="text" name="carmodel"
value="${p.carmodel}" class="input-sm"
style="border: 1px #999 solid;"></td>
</tr>
<tr>
<td class="namestyle">OE号码:</td>
<td><input type="text" name="oenumber" class="input-sm"
value="${p.oenumber}" style="border: 1px #999 solid;">
</td>
</tr>
<tr>
<td class="namestyle">型号:</td>
<td><input type="text" name="model" class="input-sm"
value="${p.model}" style="border: 1px #999 solid;"></td>
</tr>
<tr>
<td class="namestyle">图片1:</td>
<td><div>
<span class="btn btn-primary fileinput-button"> <span
id="img1">${p.img}</span> <input type="file" name="file"
id="file1" onchange="getFilename1()" value="${p.img}"
accept="image/*" /> </span>
<a id="remove1"><img src="statics/img/remove.png" width="2%"></img></a>
</div></td>
</tr>
<tr>
<td class="namestyle">图片2:</td>
<td><div>
<span class="btn btn-primary fileinput-button"> <span
id="img2">${p.img1}</span> <input type="file" name="file"
id="file2" onchange="getFilename2()" value="${p.img1}"
accept="image/*" /> </span>
<a id="remove2"><img src="statics/img/remove.png" width="2%"></img></a>
</div></td>
</tr>
<tr>
<td class="namestyle">图片3:</td>
<td><div>
<span class="btn btn-primary fileinput-button"> <span
id="img3">${p.img2}</span> <input type="file" name="file"
id="file3" onchange="getFilename3()" value="${p.img2}"
accept="image/*" /> </span>
<a id="remove3"><img src="statics/img/remove.png" width="2%"></img></a>
</div></td>
</tr>
<tr>
<td class="namestyle">图片4:</td>
<td><div>
<span class="btn btn-primary fileinput-button"> <span
id="img4">${p.img3}</span> <input type="file" name="file"
id="file4" onchange="getFilename4()" value="${p.img3}"
accept="image/*" /> </span>
<a id="remove4"><img src="statics/img/remove.png" width="2%"></img></a>
</div></td>
</tr></table>
<div class="text-center">
<button type="button" id="yulan" class="btn btn-warning">预 览</button>
</div>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
<script>
// 将文件以Data URL形式进行读入页面
function readAsDataURL(){
var result=document.getElementById("result");
// 检查是否为图像类型
var simpleFile = document.getElementById("file").files[0];
if(!/image\/\w+/.test(simpleFile.type)) {
alert("请确保文件类型为图像类型");
return false;
}
var reader = new FileReader();
// 将文件以Data URL形式进行读入页面
reader.readAsDataURL(simpleFile);
reader.onload = function(e){
console.log(this.result);
result.innerHTML = '<img src="'+this.result+'" alt=""/>';
}
}
</script>
</head>
<body>
<label>选择文件:</label>
<input type="file" id="file" />
<input type="button" value="显示图片" onclick = "readAsDataURL()"/>
<div id="result"></div>
</body>
</html>
public void downLoanFile(HttpServletResponse response) {
OutputStream os = null;
try {
os = response.getOutputStream();
byte[] buffer = //你的图片byte字节数组
os.write(buffer, 0, buffer.length);
os.flush();
} catch (Exception e) {
logger.error("图片现在异常,fid:{}",fid,e);
} finally {
try {
os.close();
} catch (IOException e) {
logger.error("图片现在异常,fid:{}",fid,e);
}
}
}