jsp文件上传图片到服务器
首先利用onchange去调用uploadBookImg函数,将图片上传到服务器,返回一个地址,将地址写入到一个隐藏域里面,提交表单的时候就可以将服务器返回的地址存入到数据库里面!
<form id="fileBookForm" enctype="multipart/form-data">
<input id="fileBookButton" type="file" name="file" class="file" class="uploadBookImg" onchange="uploadBookImg(this)" allowtypes="gif,jpg,png">
<input type="text" name="textfield" class="txt" value="上传照片">
<input type="hidden" class="imgUrl">
</form>
上传图片到服务器函数,用val()写入到隐藏域里面。
//上传图片
function uploadBookImg(img) {
if (img.files && img.files[0]) {
if ((img.files[0].size / 1024).toFixed(0) >= 5120) {
alert("图片大于5m,请上传小于5M的图片&