用js写过file upload的来帮个忙吧 - 未名空间MITBBS历史存档

国际科技财经博客移民网络热点娱乐民生时事公众号

Redian新闻

>未名空间

>Java - 爪哇娇娃

用js写过file upload的来帮个忙吧

用js写过file upload的来帮个忙吧# Java - 爪哇娇娃

J*n2012-06-13 07:06

1 楼

这几天需要弄个straightforward的provision web app, 后台rest api + mongodb用
java写一两小时就搞定了，放streaming file到http response下载也没问题，但是
front end的 file upload in js已经搞了两三天了还是没什么头绪。。
我要实现的功能很简单，就是一个form，里面有几个text input，一个file input，通
过一个button click action把这几个string和一个file（比如说.zip）通过http post
传给back end
为了适应rest api，这几个string param可以作为path param，http request的body就
一个streaming，rest是支持consume application/octet-stream的，整个传输又是基
于http，应该是完全可行的
有人做过类似的吗，我google了一下，貌似file upload是一个bi
g pain

s*e2012-06-13 07:06

2 楼

A jquery version of file upload.
$(document).ready(function() {
$("#uploadbutton").click(function() {
var filename = $("#file").val();
$.ajax({
type: "POST",
url: "addFile.do",
enctype: 'multipart/form-data',
data: {file: filename},
success: function(){
alert( "Data Uploaded: ");
}
});
});
});

J*n2012-06-13 07:06

3 楼

looks good. 非常感谢! 请问怎么把file的整个content放到request payload里面而不
是fakepath/filename的这样一个string

【在 s******e 的大作中提到】

: A jquery version of file upload.
: $(document).ready(function() {
: $("#uploadbutton").click(function() {
: var filename = $("#file").val();
: $.ajax({
: type: "POST",
: url: "addFile.do",
: enctype: 'multipart/form-data',
: data: {file: filename},
: success: function(){

s*o2012-06-13 07:06

4 楼

you need to 'submit' the form with a submit buttun.
if you have to use Ajax, one trick is to use a hidden iframe. I think many
jQuery fileupload plugins are written in this way.

【在 J*******n 的大作中提到】

: looks good. 非常感谢! 请问怎么把file的整个content放到request payload里面而不
: 是fakepath/filename的这样一个string