Java中如何图片异步上传

JavaScript013

Java中如何图片异步上传,第1张

在java中要实现异步上传要提前做好准备,对于文件上传,浏览器在上传的过程中是将文件以流的形式提交到服务器端的,如果直接使用Servlet获取上传文件的输入流然后再解析里面的请求参数是比较麻烦,所以一般选择采用apache的开源工具common-fileupload这个文件上传组件。

这个common-fileupload上传组件的jar包可以去apache官网上面下载,也可以在struts的lib文件夹下面找到,struts上传的功能就是基于这个实现的。

common-fileupload是依赖于common-io这个包的,所以还需要下载这个包。剩下的就是js文件的导入了,我导入了以下文件:

<script type="text/javascript" src="lib/Js/jquery.js"></script>

<script ltype="text/javascript" src="/js/ajaxfileupload.js"></script>

在页面中的写法:

div class="controls"><span class="btn green fileinput-button"><i class="icon-plus icon-white"></i>

<span>上传照片</span>

<input id="fileToUpload" name="myfiles" type="file" onchange="upload()" title="上传" /></span>

</div>function upload(){

$.ajaxFileUpload

(

{

url:'<%=basePath%>sysperson/uploadpic',

secureuri:false,

fileElementId:'fileToUpload',

dataType: 'text',

success: function (data, status)

{

document.all.mypic.src="<%=basePath%>uploads/" + data

document.all.picpath.value = data

},error : function(data, status, e) {

alert(e)

}

})

}

图片和文件等流媒体 上传都是靠from表单的提交。

你可以设置一个隐藏的from表单

里面有个<input id='file' type='file'>

选择玩图片之后赋值给file

然后用jquery from表单提交即可

<form id="form" runat="server" enctype="multipart/form-data" >

<input id='file' type='file'>

</from> $.ajax({

    url:'XXXX',//上传后台路径

    data:$('#form').serialize(),

    type:"POST",

    success:function(){

    

    }

})

图片和文件等流媒体 上传都是靠from表单的提交。

你可以设置一个隐藏的from表单

里面有个<input id='file' type='file'>

选择玩图片之后赋值给file  

然后用jquery from表单提交即可

<form id="form" runat="server" enctype="multipart/form-data" >

<input id='file' type='file'>

</from>

$.ajax({

    url:'XXXX',//上传后台路径

    data:$('#form').serialize(),

    type:"POST",

    success:function(){

    

    }

})