HTML5技术

WebApi2 文件图片上传下载 - 柒小栈主(3)

字号+ 作者:H5之家 来源:H5之家 2017-05-27 16:02 我要评论( )

() { ; () { * 15 * 用ajax方式上传文件 ----------- ]); 20 $.ajax({ , , 23 data: formData, , , , , (data) { 29 console.log(JSON.stringify(data)); 30 }, (data) { 32 console.log(JSON.stringify(data)); 33

() { ; () { * 15 * 用ajax方式上传文件 ----------- ]); 20 $.ajax({ , , 23 data: formData, , , , , (data) { 29 console.log(JSON.stringify(data)); 30 }, (data) { 32 console.log(JSON.stringify(data)); 33 } 34 }); * 60 * ajaxfileupload.js 方式上传文件 }); }) article-formfile-multiple属性可以选择多项

至此,我们的功能已全部实现,下面我们来测试一下:

可见,文件上传成功,按预期格式返回!

下面我们测试单图片上传->

然后我们按返回的地址进行访问图片地址。

发现并无任何压力!

下面测试多图片上传->

完美~

 至此,我们已经实现了WebApi2文件和图片上传,下载的全部功能。

 这里需要注意一下Web.config的配置上传文件支持的总大小,我这里配置的是最大支持的文件大小为1MB

<requestFiltering> <requestLimits maxAllowedContentLength="1048576" /> </requestFiltering>

OK,共同学习~

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • DIV 行内关联 box-shadow对象盒子阴影以及图片阴影 - yueyang2017

    DIV 行内关联 box-shadow对象盒子阴影以及图片阴影 - yueyang2017

    2017-05-22 10:00

  • Spring+SpringMVC+MyBatis深入学习及搭建(三)——MyBatis全局配置文件解析 - Joanna

    Spring+SpringMVC+MyBatis深入学习及搭建(三)——MyBatis全局配置文

    2017-05-19 14:01

  • Nodejs 传图片的两种方式 - 菜鸟的进击

    Nodejs 传图片的两种方式 - 菜鸟的进击

    2017-05-13 10:03

  • C# 创建压缩文件 - sparkdev

    C# 创建压缩文件 - sparkdev

    2017-05-09 14:03

网友点评
j