2012-08-16 53 views
-1

如何编写自动提交表单(用于文件上传)?我试着在<input>字段添加onchange输入文件和自动提交 - 播放框架2

@form(action = routes.Application.upload, 'enctype -> "multipart/form-data") { 
    <div class="fileupload fileupload-new" data-provides="fileupload"> 
     <span class="btn btn-large btn-primary btn-file"> 
      <span class="fileupload-new">Select file</span> 
      <span class="fileupload-exists">Change</span> 
     <input type="file" name="file" onchange="@routes.Application.upload()"/> 
     </span> 
     <span class="fileupload-preview"></span> 
     <a href="#" class="close fileupload-exists" data-dismiss="fileupload" style="float: none">&times;</a> 

     <input class="btn btn-success btn-large" type="submit" value="Submit!"> 

    </div> 
    } 

,但它不工作。有任何想法吗?我正在使用Play Framework 2与Java

回答

1

您应该亲自检查它在代码中的外观。在你的onchange属性中,你只需要一个url,对于浏览器来说它没有明显的含义。

相反,你应该把一些JavaScript方法的有名称来执行,即:

<input type="file" name="file" onchange="this.form.submit()"/>