关闭

net 预览上传图片

标签: netmvc图片上传
163人阅读 评论(0) 收藏 举报
分类:

首先给大家看一下上传图片的预览效果:

1.第一步,页面布局(如下图片)


分析代码:(1)、form:表单 ,post:提交, 编码方式:enctype,

                    (2)、multipart/from-data(区别与post,大家先参考下https://my.oschina.net/cnlw/blog/168466这个网站)

                   (3)、fieldset 与legend只是图片预览框的样式。(如果不习惯可以用div代替)

2.第二步:脚本支撑

                (1)、大家可以从网络上下载js--jquery-1.7.1.js

     (2)、大家可以在项目新建MVC项目,使用它的js脚本(如下图)

       

(3)、还可以使用esayUI的脚本(如下图)


3.第三步:脚本方法,提交方法和预览方法

(1)、点击提交按钮,调ImgSubmit()方法

      (2)页面加载查看预览图片是否显示

4第四步,最重要的一步:调取后台的代码

   

      (1)、UpLoad()上传方法

            file:获取文件请求类型。

           path:获取保存目录的物理路径。


欢迎大家来借鉴,如果有什么意见不同之处,欢迎大家联系我。

1
0
查看评论
发表评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场

Asp.Net FileUpload选择图片后预览,并直接上传

FileUpload选择图片后先预览图片,然后上传。 使用到FileUpload的onchange事件,及使用一般处理程序(.ashx)来预览图片。 func...
  • diguaqiang
  • diguaqiang
  • 2015-05-22 10:22
  • 2986

asp.net上传图片,保存文件名和路径,并利用javascript显示图片预览

FileUpload控件   属性: FileName: 获取上传的文件名 HasFile: 是否选择(存在)上传的文件 ContentLength: 获得上窜文件的大小,单位是字节...
  • G1036583997
  • G1036583997
  • 2014-01-17 11:55
  • 8475

ASP.NET MVC图片上传前预览

今年的学习计划是学好ASP.NET MVC和jQuery,多练习,不懂的去网上找或是多看书! 早上有练习图片上传前预览并获取图片文件名和图片字节大小。 在控制器中创建一个Action: ...
  • linybo
  • linybo
  • 2015-03-27 14:07
  • 1452

最新上传图片预览及等比例缩放.net实例

  • 2017-05-25 08:50
  • 90KB
  • 下载

asp.net下上传图片加实时预览

html <img id="uploadPreview" style="width: 100px; height: 100px;...
  • Cuideguo
  • Cuideguo
  • 2016-01-15 15:33
  • 1239

关于.net上传图片不能预览的问题

项目中的WebConfig页面必须要引用下面一段代码     并且项目中要建立对应的文件夹来保存图片文件 下面是ashx文件 #region 上传图片         //...
  • lovemyself_0
  • lovemyself_0
  • 2015-11-07 13:11
  • 112

asp.net 上传图片时,预览本地图片,支持IE6、IE8、火狐

// 是否为图片格式 var isImage = /\.jpg|\.jpeg|\.gif|\.png|\.bmp$/i; // 图片唯一数 var uniqueNum = 0; /** * 图片预览...
  • dgh_85
  • dgh_85
  • 2012-02-25 14:39
  • 977

上传图片本地预览

  • 2014-12-26 22:14
  • 1KB
  • 下载

JavaScript上传图片预览

  • 2015-10-10 13:36
  • 2KB
  • 下载

js实现上传图片即时预览

  • 2014-03-28 13:42
  • 3KB
  • 下载
    个人资料
    • 访问:1543次
    • 积分:92
    • 等级:
    • 排名:千里之外
    • 原创:6篇
    • 转载:0篇
    • 译文:0篇
    • 评论:0条
    文章分类
    文章存档