zoukankan      html  css  js  c++  java
  • angularjs+springmvc表单上传+文本字段

    jsp:

    <form ng-submit="fn.uploadFile()" class="form-horizontal" enctype="multipart/form-data">
    <input name="fileName" ng-model="vm.fileName">
    <input name="fileSize" ng-model="vm.fileSize">
    <input type="file" name="file" ng-model="document.fileInput" id="file" onchange="document.getElementById('filepath').value=this.value;" />
    <input name='filepath' id='filepath'>
    <button class="btn btn-primary" type="submit">
    Submit
    </button>
    </form>

    js:
    fn.uploadFile=function(){
    var formData=new FormData();
    formData.append("file",file.files[0]);
    formData.append("fileName",vm.fileName);
    formData.append("fileSize",vm.fileSize);
    $http.post('/fileUpload2', formData, {
    transformRequest: function(data, headersGetterFunction) {
    return data;
    },
    headers: { 'Content-Type': undefined }
    }).success(function(data, status) {
    console.log(data);
    console.log("Success ... " + status);
    }).error(function(data, status) {
    console.log("Error ... " + status);
    console.log(data);
    });
    };

    controller

    /*
    * 采用file.Transto 来保存上传的文件
    */
    @RequestMapping("fileUpload2")
    public @ResponseBody
    Object fileUpload2(
    @RequestParam("file") CommonsMultipartFile file,
    @RequestParam("fileName") String fileName,
    @RequestParam("fileSize") String fileSize
    ) throws IOException {
    long startTime=System.currentTimeMillis();
    System.out.println("fileName:"+file.getOriginalFilename());
    String path="E:/"+new Date().getTime()+file.getOriginalFilename();

    File newFile=new File(path);
    //通过CommonsMultipartFile的方法直接写文件(注意这个时候)
    file.transferTo(newFile);
    long endTime=System.currentTimeMillis();
    System.out.println("方法二的运行时间:"+String.valueOf(endTime-startTime)+"ms");
    return new ResultBean(200,"success");
    }


    对于上传多个文本字段,我还没有比较合适的方法,知道的朋友,可以分享下啊
  • 相关阅读:
    [转]一致性hash算法
    [转]算法的时间复杂度和空间复杂度详解
    [转]B树(多向平衡查找树)详解
    spring中ApplicationContextAware接口描述
    [转]web.xml中<url-pattern>详解
    [转]linux中vim命令
    [转]Java GC的原理
    [转]浅谈UML的概念和模型之UML九种图
    Jmeter做读取csv接口测试
    IDLE崩溃:IDLE's subprocess didn't make connection. Either IDLE can't start a...
  • 原文地址:https://www.cnblogs.com/qyhol/p/6603920.html
Copyright © 2011-2022 走看看