angularjs上传文件+jfinal接收上传文件

准备js插件:angular-file-upload.min.js

 

jsp部分:

<input  type="file" nv-file-select="" uploader="uploader"/>

<input  type="button" value="上传补丁"  ng-click="uploadFile()"/>

 

angularjs部分:

var myApp = angular.module("myApp", ["angularFileUpload"]);

myApp.controller('patchList', [ '$scope', 'FileUploader',
  function($scope, FileUploader) {

   var uploader = $scope.uploader = new FileUploader({
    // 访问java方法的http请求
    url : ctx + '/patch/uploadPatch'
   });

//上传完成之后的回调方法,还有很多类似方法,此处不一一列举

 uploader.onCompleteItem = function(fileItem, response, status, headers) {
    //上传成功之后你要调用的angularjs方法    

   $scope.getPatchList();
   };

   $scope.uploadFile = function() {
    console.log("上传文件啦....");
    uploader.uploadAll();
   }
  } ]);

java部分:

 /**
  * 上传补丁
  */
 public void uploadPatch(){
  System.out.println("接收到上传文件啦.....");
  UploadFile uploadFile=this.getFile();
  File file=uploadFile.getFile();
  String fileName=uploadFile.getOriginalFileName();
  //PatchConstant.PATCH_UPLOAD_PATH自定义文件存储的路径
  File newFile=new File(PatchConstant.PATCH_UPLOAD_PATH+fileName);
  try {
   newFile.createNewFile();
  } catch (IOException e) {
   e.printStackTrace();
  }

 //将上传文件写入到本地文件
  ToolFile.fileChannelCopy(file,newFile);   
 }

public static void fileChannelCopy(File s, File t) {

        FileInputStream fi = null;

        FileOutputStream fo = null;

        FileChannel in = null;

        FileChannel out = null;

        try {

            fi = new FileInputStream(s);

            fo = new FileOutputStream(t);

            in = fi.getChannel();// 得到对应的文件通道

           out = fo.getChannel();// 得到对应的文件通道

            in.transferTo(0, in.size(), out);// 连接两个通道,并且从in通道读取,然后写入out通道

        } catch (IOException e) {

            e.printStackTrace();

        } finally {

            try {

                fi.close();

                in.close();

                fo.close();

                out.close();

            } catch (IOException e) {

                e.printStackTrace();

            }

        }

    }

jfinal实现接收上传文件参考资源:http://www.cnblogs.com/acehalo/p/3915720.html

angular-file-upload官方网站:https://github.com/nervgh/angular-file-upload

(官方实例位于angular-file-upload-master/angular-file-upload-master/examples中)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值