C#网页上传图片

 

利用JQurey插件实现上传图片到指定文件夹

效果图：

上传图片之前                                                       上传图片之后

       

 

文件夹存储的图片

 

思路：

1、图片框捆绑 input框(type = flie) ，隐藏input框，点击图片框时触发input 打开上传文件窗口

2、通过选择器 get(0).flies[0]获取到input选择的图片，通过正则表达去过滤上传的文件的后缀，限定上传的文件只能为图片

3、通过ajax将数据传送至控制器，method必须为post

4、判断接收的数据不为空时，获取文件后缀，通过类Path里的GetExtension获取文件后缀

5、生成图片唯一名称

6、获取将要存储图片的文件夹的路径

7、保存图片 SaveAs()

 

代码：

1、图片框绑定input框，点击触发上传文件窗口（此步省略）

2、选择器选取到上传的文件，通过正则判断选择的文件是否为有效的图片文件

userPictureFlie为input的ID

 

3、通过ajax将数据传送至控制器

4、判断视图传过来的数据是否为空，不为空时获取文件后缀

通过HttpPostedFileBase类型去接收传过来的文件

获取文件的扩展名：

5、通过拼接Guid+世界时+扩展名，生成一个唯一的图片文件名

6、获取将要保存图片的文件夹的路径

获取指定路径：

7、保存图片