upload上传单张图片

通过Upload上传单张图片,具体实现方式请看代码。 

protected void btnpic_upload_Click(object sender, EventArgs e)
  {
   #region 上传文件
   Boolean fileOk = false;
   if (pic_upload.HasFile)//验证是否包含文件
   {
    //取得文件的扩展名,并转换成小写
    string fileExtension = Path.GetExtension(pic_upload.FileName).ToLower();
    //验证上传文件是否图片格式
    fileOk = IsImage(fileExtension);

    if (fileOk)
    {
     //对上传文件的大小进行检测,限定文件最大不超过8M
     if (pic_upload.PostedFile.ContentLength < 8192000)
     {

      string filepath = "~/Admin/I_Institution/Images/";
      if (Directory.Exists(Server.MapPath(filepath)) == false)//如果不存在就创建file文件夹
      {
       Directory.CreateDirectory(Server.MapPath(filepath));
      }
      string virpath = filepath + CreatePasswordHash(pic_upload.FileName, 4) + fileExtension;//这是存到服务器上的虚拟路径
      string mappath = Server.MapPath(virpath);//转换成服务器上的物理路径
      pic.Visible = true;

      pic_upload.PostedFile.SaveAs(mappath);//保存图片
      //显示图片
      pic.ImageUrl = virpath;
      lbl_pic.Visible = true;
      //清空提示
      lbl_pic.Text = "上传成功";
     }
     else
     {
      pic.Visible = false;
      lbl_pic.Visible = true;
      pic.ImageUrl = "";
      lbl_pic.Text = "文件大小超出8M!请重新选择!";
     }
    }
    else
    {
     lbl_pic.Visible = false;
     pic.ImageUrl = "";
     lbl_pic.Text = "要上传的文件类型不对!请重新选择!";
    }
   }
   else
   {
    lbl_pic.Visible = false;
    pic.ImageUrl = "";
    lbl_pic.Text = "请选择要上传的图片!";
   }
   #endregion
  }

  /// <summary>
  /// 验证是否指定的图片格式
  /// </summary>
  /// <param name="str"></param>
  /// <returns></returns>
  public bool IsImage(string str)
  {
   bool isimage = false;
   string thestr = str.ToLower();
   //限定只能上传jpg和gif图片
   string[] allowExtension = { ".jpg", ".gif", ".bmp", ".png" };
   //对上传的文件的类型进行一个个匹对
   for (int i = 0; i < allowExtension.Length; i++)
   {
    if (thestr == allowExtension[i])
    {
     isimage = true;
     break;
    }
   }
   return isimage;
  }

  /// <summary>
  /// 创建一个指定长度的随机salt值
  /// </summary>
  public string CreateSalt(int saltLenght)
  {
   //生成一个加密的随机数
   RNGCryptoServiceProvider rng = new RNGCryptoServiceProvider();
   byte[] buff = new byte[saltLenght];
   rng.GetBytes(buff);
   //返回一个Base64随机数的字符串
   return Convert.ToBase64String(buff);
  }

  /// <summary>
  /// 返回加密后的字符串
  /// </summary>
  public string CreatePasswordHash(string pwd, int saltLenght)
  {
   string strSalt = CreateSalt(saltLenght);
   //把密码和Salt连起来
   string saltAndPwd = String.Concat(pwd, strSalt);
   //对密码进行哈希
   string hashenPwd = FormsAuthentication.HashPasswordForStoringInConfigFile(saltAndPwd, "sha1");
   //转为小写字符并截取前16个字符串
   hashenPwd = hashenPwd.ToLower().Substring(0, 16);
   //返回哈希后的值
   return hashenPwd;
  }

 拿到上传后的图片路径:    
      

代码如下:

string IconUrl = this.pic.ImageUrl.Trim();
       model.IconUrl = Path.GetFileName(IconUrl);         //获得已上传 图片控件的URL

   前台代码:

tr>
      <td height="25" width="30%" align="right">
       机构图标路径 :
      </td>
      <td height="25" width="*" align="left">
       <asp:Image ID="pic" runat="server" Width="200px" Visible="False" /><br />
       <asp:FileUpload ID="pic_upload" runat="server" />
       <asp:Button ID="btnpic_upload" runat="server" Text="图片开始上传" OnClick="btnpic_upload_Click" /><br />
       <asp:Label ID="lbl_pic" runat="server" Text="" Visible="False"></asp:Label>
      </td>
     </tr>

以上代码就是upload上传单张图片的全部代码,希望大家喜欢。

(0)

相关推荐

  • java使用smartupload组件实现文件上传的方法

    本文实例讲述了java使用smartupload组件实现文件上传的方法.分享给大家供大家参考.具体分析如下: 文件上传几乎是所有网站都具有的功能,用户可以将文件上传到服务器的指定文件夹中,也可以保存在数据库中,这里主要说明smartupload组件上传. 在讲解smartupload上传前,我们先来看看不使用组件是怎么完成上传的原理的? 废话不多说直接上代码: 复制代码 代码如下: import java.io.*; import java.util.*; import javax.servle

  • Asp.Net的FileUpload类实现上传文件实例

    本文实例讲述了Asp.Net的FileUpload类实现上传文件的方法.分享给大家供大家参考. 具体功能代码如下: 复制代码 代码如下: using System; using System.Collections.Generic; using System.Text; using System.Web.UI; using System.Web; using System.Web.UI.WebControls; using System.Collections; using System.Dra

  • Flash图片上传组件 swfupload使用指南

    swfupload上传编辑器是一款支持本地上传.预览.视频拍照和网络加载的flash头像编辑上传插件,可缩放.裁剪.旋转.定位和调色等,同时支持asp.asp.net.jsp.php等多语种 复制代码 代码如下: swfobject.addDomLoadEvent(function () {                var swf = new fullAvatarEditor("swfContainer", {                        id: 'swf',

  • php+jQuery.uploadify实现文件上传教程

    这两天用上传的控件,PHP+Jquery今天先介绍这个uploadify,嗯,我今天下载因为我英文不是很好所以我就在网上找的使用教程,我发现好多用不了,我那个去,你看官方文档才知道很多API已经不是以前的API了.今天总结一下给大家,给大家一个提醒最多还是要看官方的http://www.uploadify.com/documentation/! 简单举例一下使用然后我都加上注释给大家,方便大家阅读和使用下载官方的之后直接使用就OK了,当然你需要什么在直接修改就可以了! 复制代码 代码如下: <!

  • firefox浏览器用jquery.uploadify插件上传时报HTTP 302错误

    解决了uploadify插件在chrom频繁崩溃的问题,又遇到了新问题,ff浏览器下报HTTP 302错误, ff浏览器下 uploadify 利用flash进行post上传时没有包含原来的session信息,而是重新创建了一个session,新的session无法通过登录验证,因此被重定向到了登录页面. 解决的方法无非就是将原session一起post到服务器端,然后服务器端登录验证之前将需要验证的session改为post过来的那个...(语言组织能力太差-,-). jquery.uploa

  • Javascript实现单张图片浏览

    利用空闲时间,学习JavaScript语言时写了一个链接浏览单张图片的例子: 复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML>  <HEAD>   <TITLE> Image Gallery </TITLE>   <META NAME="Generator" CONTENT="Ed

  • upload上传单张图片

    通过Upload上传单张图片,具体实现方式请看代码. protected void btnpic_upload_Click(object sender, EventArgs e) { #region 上传文件 Boolean fileOk = false; if (pic_upload.HasFile)//验证是否包含文件 { //取得文件的扩展名,并转换成小写 string fileExtension = Path.GetExtension(pic_upload.FileName).ToLow

  • antd+react中upload手动上传单限制上传一张

    目录 需求 代码 导入所需的库 用到的常量/state Upload 回调函数 需求 限制上传一张图片 点击按钮,手动上传 新增图片替换原来的图片,没有图片时显示PlusOutLined 图片预览弹出框 代码 导入所需的库 import React, { useState, useEffect } from 'react' import { Upload, Button, message, Modal } from 'antd' import 'antd/dist/antd.css'; impo

  • yii2.0整合阿里云oss上传单个文件的示例

    上一篇文章已经介绍了如何整合阿里云oss,这一篇主要介绍上传文件到阿里云oss. 主要思路:首先文件要上传到服务器,然后把服务器里边的文件传到阿里云oss,成功以后就把文件信息写入数据库,失败了就删除服务器的文件. 主要步骤: 0 介绍几个oss的概念. accessKeyId     ==>> 可以理解为访问阿里云oss的账号 accessKeySecret ==>> 可以理解为访问阿里云oss的密码 bucket          ==>> 可以理解为文件在保存的根

  • PHP实现批量上传单个文件

    很多时候当我们通过某个通用型RCE漏洞批量抓取了很多的webshell后,可能想要批量传个后门以备后用.这时,我们不禁会面临一个问题,使用菜刀一个个上传显得太慢,那么如何快速的实现文件的批量上传呢?本文给大家介绍基于php如何实现这类需求. 0×01 原理分析 首先,我们必须了解菜刀是如何通过一句话木马来实现web服务器的文件管理的. 下面是最常见的php一句话木马: <?php eval($_POST[1]); ?> 当我们将一句话木马上传到web服务器上后,我们就可以直接在菜刀中输入上面的

  • java web中的servlet3 upload上传文件实践

    Servlet 3.0之前的版本中,文件上传是个挺让人头疼的问题,虽然有第三方框架来实现,但使用也还是比较麻烦,在Servlet 3.0中,这些问题将不复存在,Servlet 3.0对文件上传提供了直接支持,配合Servlet 3.0中基于Annotations的配置,大大简化上传件的操作. 一.javax.servlet.http中Part接口 public interface Part 要上传文件必须使用multipart/form-data作为request body. 版本: Servl

  • 在vue项目中使用element-ui的Upload上传组件的示例

    本文介绍了vue项目中使用element-ui的Upload上传组件的示例,分享给大家,具体如下: <el-upload v-else class='ensure ensureButt' :action="importFileUrl" :data="upLoadData" name="importfile" :onError="uploadError" :onSuccess="uploadSuccess&quo

  • java开发之spring webflow实现上传单个文件及多个文件功能实例

    本文实例讲述了java开发之spring webflow实现上传单个文件及多个文件功能.分享给大家供大家参考,具体如下: 上传单个文件 准备 1. 如果你项目中使用了spring security的话,参考上一篇文章,使用上篇的第二种方法,并去掉MultipartFilter(如果有配置的话),否则得不到文件 2. 流程中的变量(如用var标签定义的变量),都需要实现Serializable接口. 实现过程 在pom.xml文件中加入下列依赖: <!-- 支持文件上传 --> <depe

  • YII2框架实现表单中上传单个文件的方法示例

    本文实例讲述了YII2框架实现表单中上传单个文件的方法.分享给大家供大家参考,具体如下: 有些时候我们提交的表单中含有文件.怎么样让表单里的数据和文件一起提交. 我的数据表tb_user内容如下: CREATE TABLE `tb_user` ( `id` int(11) unsigned NOT NULL AUTO_INCREMENT COMMENT '用户ID', `name` varchar(32) DEFAULT '' COMMENT '用户名', `pwd` varchar(64) D

  • Element-ui upload上传文件限制的解决方法

    问题 在accept中添加上传文件的类型只能起到"表面"作用,选择"所有文件"之后,还是可以上传任何类型的文件,根本起不到限制作用. 解决办法 在before-upload(上传文件之前的钩子,参数为上传的文件,若返回 false 或者返回 Promise 且被 reject,则停止上传.)钩子里去做判断.这里有一个坑,当你设置了 :auto-upload="false"的时候, 这个钩子是不会被触发的,因此也可以在on-change中做判断.

  • vue+element upload上传带参数的实例

    目录 element upload上传带参数 element上传函数带参数,自定义传参 下面这是标签 我将源码放上 这是需求案列 element upload上传带参数 <el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">保存</el-button> <el-upload c

随机推荐