实现文件上传---非form提交方式(实例、教程)

转:http://blog.csdn.net/caizhh2009/article/details/7012956
利用resteasy框架构建rest webservice----第三波:实现文件上传---非form提交方式(实例、教程)
分类: webservice web restful java resteasy 2011-11-25 18:00 1159人阅读 评论(8) 收藏 举报
因为工作原因,很久时间木有更新了,不怕有时间久继续更新:

基本的resteasy的搭建详情请看第一、二波,我这里指的上传是指利用resteasy来获取:客户端HTTP开发包发送的body请求-----刚开始也没撒头绪,第一时间去google,发现有哥们问同样的问题,但是却没有解决方法,于是乎就只有硬着头皮看英文文档,发现如下文档:

The @Context annotation allows you to inject instances of javax.ws.rs.core.HttpHeaders, javax.ws.rs.core.UriInfo, javax.ws.rs.core.Request, javax.servlet.HttpServletRequest, javax.servlet.HttpServletResponse, javax.servlet.ServletConfig, javax.servlet.ServletContext, and javax.ws.rs.core.SecurityContext objects.


翻译下呢就是说使用@Context 注解就可以将 javax.ws.rs.core.HttpHeaders, javax.ws.rs.core.UriInfo, javax.ws.rs.core.Request, javax.servlet.HttpServletRequest, javax.servlet.HttpServletResponse, javax.servlet.ServletConfig, javax.servlet.ServletContext, and javax.ws.rs.core.SecurityContext等等实例注入到变量中

server端resource类代码如下:


[html] view plaincopy
@PUT
@Path(value = "/{folder}/{fileName}")
public Response uploadFile(@PathParam("folder") String folder,@PathParam("fileName") String fileName, @Context HttpServletRequest request)
{
File f = new File("x:\\"+fileName);
InputStream is = null;
try {
is = request.getInputStream();
FileUtils.copyInputStreamToFile(is, f);
} catch (IOException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
return Response.ok().build();
}


请主要看下以上代码红色部分,就相当于把HttpServletRequest请求注入到了request变量中,那么通过request对象获取获取输入流,则得到了body主体部分的数据。
客户端的代码如下


[html] view plaincopy
String urlResouce = "http://localhost:8080/cloud-storeage-boss/muluSDF/xyz.png"; // create URL
File localFile = new File("C:\\Users\\maomao\\Pictures\\2.png");
try{

HttpURLConnection urlConnection =
(HttpURLConnection) (new URL(urlResouce)).openConnection();
urlConnection.setDoInput(true);
urlConnection.setDoOutput(true);
urlConnection.setRequestMethod("PUT");
OutputStream urlOutputStream = urlConnection.getOutputStream();
FileInputStream fileInputStream = new FileInputStream(localFile);
IOUtils.copy(fileInputStream, urlOutputStream);
fileInputStream.close();
urlOutputStream.close();
System.out.println(urlConnection.getResponseCode());
}
catch(Exception e)
{
e.printStackTrace();
}


通过此客户端的调用,就可以将本地的2.png文件上传到服务器,并被保存为xyz.png.


上传就是如此的简单,如果大家有兴趣,下一波会讲讲form方式的提交上传或者下载文件
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
el-form 可以通过 el-upload 组件来实现文件上传功能。 首先,需要在 el-form 中定义一个 el-upload 组件,如下所示: ```html <el-form ref="form" :model="formData"> <el-form-item label="上传文件"> <el-upload class="upload-demo" action="/your/upload/url" :on-success="handleSuccess" :limit="1" :file-list="fileList"> <el-button slot="trigger" size="small" type="primary">选取文件</el-button> <el-button size="small" type="success" v-if="fileList.length > 0" @click.prevent="submitForm('form')">上传文件</el-button> <div slot="tip" class="el-upload__tip">只能上传jpg/png文件,且不超过500kb</div> </el-upload> </el-form-item> </el-form> ``` 在上述代码中: - `el-upload` 组件的 `action` 属性指定了上传文件的地址; - `el-upload` 组件的 `:on-success` 属性指定了上传成功后的回调函数; - `el-upload` 组件的 `:limit` 属性指定了上传文件的数量限制; - `el-upload` 组件的 `:file-list` 属性绑定了上传的文件列表; - `el-upload` 组件内部包含了两个按钮,一个用于选择文件,一个用于提交表单,并且提交表单的按钮只有在有文件上传时才会出现。 接着,在 Vue 实例中定义 `formData` 和 `fileList` 数据,并且编写 `handleSuccess` 和 `submitForm` 方法,如下所示: ```javascript export default { data() { return { formData: { // 其他表单数据 }, fileList: [], }; }, methods: { handleSuccess(response, file, fileList) { // 上传成功后的处理 }, submitForm(formName) { this.$refs[formName].validate((valid) => { if (valid) { this.$refs[formName].$el.submit(); } else { return false; } }); }, }, }; ``` 在上述代码中: - `formData` 对象用于存储表单数据; - `fileList` 数组用于存储上传的文件列表; - `handleSuccess` 方法在上传成功后会被调用,可以在该方法中处理上传成功后的回调逻辑; - `submitForm` 方法用于提交表单,只有在表单验证通过且有文件上传时才会提交表单。 最后,需要在后端实现文件上传的接口,在接口中获取上传的文件并保存到指定的位置。具体实现方式因后端语言和框架不同而异,这里不做过多讲解。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值