前两篇《MVC应用程序完成上传文件http://www.cnblogs.com/insus/p/3590907.html和《MVC应用程序完毕上传文件(续)http://www.cnblogs.com/insus/p/3594834.html,大家练习了上传文件,当然上传图片也是同样。

此篇大家练习,怎么着在MVC应用程序中突显用户上传的图片。为了接近更实在的勤学苦练,Insus.NET决定对原先的次第修改一下,就是上传的目录把本来的Temp目录改为UploadFiles目录。也就是说,Temp目录保留,在应用程序中,添加多一个UploadFiles目录。

jQuery 1

 

再对本来的model修改一下,添加多个属性:
jQuery 2

 

改好了,现在得以开如新篇,先在数据库中,创设四个存储进程[dbo].[usp_FileLibrary_GetAll]:
jQuery 3

和[dbo].[usp_FileLibrary_GetByPrimaryKey]:
jQuery 4

 

八个存储进程都有表明其的机能与效益。

写好存储进程,现在急需在MVC应用程序中,找到FileLibraryEntity.cs来,添加此多个存储进程的拔取:
jQuery 5

 

在MVC中显得图片,第五遍表现给用户看到的,不是原图尺寸,应该是缩略图,用户点击图片查看之后,再收看的,才是原图大小。由此,Insus.NET写一个Utility,是在用户浏览时,图片爆发一个缩略图至Temp目录中。也就是小说起初,须要改目录的原由。因为Temp目录以后会蕴藏很多临时文件,系统也会定时删除或是清空它。

上面是缩略图发生的函数:

jQuery 6

 

 在应用程序中,找到HomeController.cs并开拓,按上面的多少个步骤,添加Action或是xxxResult方法:

jQuery 7

 

开创一个新视图:

jQuery 8

 

今昔我们得以写jQuery,去获取数据库数据与浮现上传文件夹中相应的图形:

jQuery 9

jQuery, 

算完毕了,显示原图,此篇暂时略过,上面是卡通片演示实时效果:

 jQuery 10

 

 

相关文章

网站地图xml地图