net 预览上传图片

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

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
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值