MVC应用程序显示上传的图片
来源:互联网 发布:淘宝历史版本下载5.80 编辑:程序博客网 时间:2024/04/30 11:51
前两篇《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目录。
再对原来的model修改一下,添加两个属性:
改好了,现在可以开如新篇,先在数据库中,创建两个存储过程[dbo].[usp_FileLibrary_GetAll]:
和[dbo].[usp_FileLibrary_GetByPrimaryKey]:
两个存储过程都有说明其的作用与功能。
写好存储过程,现在需要在MVC应用程序中,找到FileLibraryEntity.cs来,添加此两个存储过程的使用:
在MVC中显示图片,第一次呈现给用户看到的,不是原图尺寸,应该是缩略图,用户点击图片查看之后,再看到的,才是原图大小。因此,Insus.NET写一个Utility,是在用户浏览时,图片产生一个缩略图至Temp目录中。也就是文章开头,需要改目录的原因。因为Temp目录将来会存储很多临时文件,系统也会定时删除或是清空它。
下面是缩略图产生的函数:
在应用程序中,找到HomeController.cs并打开,按下面的几个步骤,添加Action或是xxxResult方法:
创建一个新视图:
现在我们可以写jQuery,去获取数据库数据与显示上传文件夹中相应的图片:
算完成了,显示原图,此篇暂时略过,下面是动画演示实时效果:
http://www.cnblogs.com/insus/p/3597543.html
- MVC应用程序显示上传的图片
- MVC应用程序显示上传的图片(续)
- ASP.NET MVC应用程序实现下载功能和显示上传的图片
- spring mvc的图片上传与显示
- MVC WebApi 图片上传和显示
- 图片的即时上传显示
- 图片的上传与显示
- 前台显示上传的图片
- 如何在spring mvc中上传图片并显示出来
- ASP.NET MVC图片管理(上传,预览与显示)
- 如何在spring mvc中上传图片并显示出来
- ASP.NET MVC图片管理(上传,预览与显示)
- Spring MVC 上传图片保存到本地并立即显示
- JSP 上传图片+显示图片的问题
- MVC 中接受Flash的图片上传
- Spring MVC上传图片的方法
- Spring MVC 的图片上传相关
- mvc c#上传图片
- 几种常见取石子模型
- Kinect舒适区范围--UE4 的Blueprint测试范例
- MongoDB 常用故障排查工具
- Android实现推送方式解决方案
- Android 插件化 动态升级
- MVC应用程序显示上传的图片
- sqlserver不能直接create table as select ......
- 编写高质量iOS和OS X代码的52个有效方法(笔记一)
- MVC PartialView()与View()的区别
- AsyncHttpClient关于失败响应和网络超时的响应的处理
- avl树的C++实现
- MVC应用程序中管理(更新)上传的文件
- linux服务器进程监控及自动重启的方法
- BSS段、数据段、代码段、堆与栈