jquery的ajaxFileUpload上传

来源:互联网 发布:学美工一定要会摄影吗 编辑:程序博客网 时间:2024/05/17 07:17

1.页面 

      1.1    引入ajaxFileUpload.js

      1.2   确定上传文件的类型 用file

           <input id="file" name="myfiles" type="file" style="display:none;" class="file-up" onchange="ajaxFileUpload()"/>   
  <a href="#" onclick="upload()">上传</a>

     1.3  js方法

     function  upload(){

$("#file").click();

    }


           function ajaxFileUpload(fileId){
    $.ajaxFileUpload({
    url:'${ctx}/pipelinesupplierfile/upload',
    secureuri:false,
  fileElementId: 'file',
    dataType: 'json',
    success: function (data){
var jsonData = eval("(" + data + ")");
if(jsonData.status == "success"){
 alert("上传成功");
}else{
alert("上传失败");
}
}
}); 


2.后台ftp上传附件 

请参考 博客中的ftp上传文件和下载文件,controller直接调用上传即可

controller参数如下

 public void upload(@RequestParam MultipartFile myfiles,  HttpServletRequest request, 
HttpServletResponse response) throws IOException{
String filePath = UploadFile.upload(服务器路径, myfiles);//ftp上传
DecimalFormat df = new DecimalFormat("0.00");
Double d = (myfiles.getSize())/(1024.0);
String fileSize =df.format(d);
String result = "{'status':'"+ Constants.RETURN_STATUS_SUCCESS + "','path':'" + filePath +"','fileName':'"+myfiles.getOriginalFilename()+ "','fileSize':'" + fileSize + "'}";
response.setContentType("text/json");
ServletOutputStream outputStream = response.getOutputStream();
outputStream.write(result.getBytes());
outputStream.flush();
    }


    



原创粉丝点击