C#图片上传效果实例分析
更新时间:2020年6月25日 11:29 点击:1871
本文实例讲述了C#图片上传效果实现方法。分享给大家供大家参考。具体如下:
<%@ Page Title="" Language="C#" MasterPageFile="~/Default.master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Default" %> <asp:Content ID="cHead" ContentPlaceHolderID="head" runat="Server"> </asp:Content> <asp:Content ID="cBody" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server"> <asp:Literal runat="server" ID="ltrHTML"></asp:Literal> <script type="text/javascript"> $().ready(function () { var counter = 0; $(function () { var btnUpload = $('#addImage'); new AjaxUpload(btnUpload, { action: 'saveupload.aspx', name: 'uploadfile', onSubmit: function (file, ext) { $("#loading").show(); }, onComplete: function (file, response) { var uploadedfile = "UserData/" + file; $("#uploadImageWrapper").append("<div class='imageContainer offset' id='current" + counter + "'><img height='65px' width='65px' src='" + uploadedfile + "' alt='" + uploadedfile + "'/><div id='close" + counter + "' class='close' title='" + uploadedfile + "' onclick='RemoveImage(this);'><a ></a></div></div>"); $('#current' + counter).fadeIn('slow', function () { $("#loading").hide(); $("#message").show(); $("#message").html("Added successfully!"); $("#message").fadeOut(3000); counter++; }); } }); }); }); function RemoveImage(_this) { var counter = _this.id.replace('close', ''); $("#loading").show(); $.ajax({ type: "POST", url: "removeupload.aspx", data: "filename=" + _this.getAttribute('title'), success: function (msg) { $('#current' + counter).fadeOut('slow', function () { $("#loading").hide(); $("#message").show(); $("#message").html("Removed successfully!"); $("#message").fadeOut(3000); }); } }); } </script> <table id="imageUploader" cellpadding="0" cellspacing="0"> <tr class="header"> <td style="padding-left: 5px;"> <a id="addImage" href="javascript:;">Add Image</a> </td> </tr> <tr class="body"> <td valign="top"> <div id="uploadImageWrapper"> </div> </td> </tr> <tr class="footer"> <td> <div id="loading" style="display: none"> <table cellpadding="0" cellspacing="0"> <tr> <td> <img width="20" height="20" src="Images/Loading.gif" alt="Loading..." /> </td> <td> Please wait... </td> </tr> </table> </div> <div id="message" style="color: Green"> </div> </td> </tr> </table> </asp:Content>
希望本文所述对大家的C#程序设计有所帮助。
上一篇: C#基本打印事件用法实例
下一篇: C#手工双缓冲技术用法实例分析
相关文章
- 我们在使用C#做项目的时候,基本上都需要制作登录界面,那么今天我们就来一步步看看,如果简单的实现登录界面呢,本文给出2个例子,由简入难,希望大家能够喜欢。...2020-06-25
- 这篇文章主要介绍了C# 字段和属性的的相关资料,文中示例代码非常详细,供大家参考和学习,感兴趣的朋友可以了解下...2020-11-03
- 这篇文章主要介绍了C#中截取字符串的的基本方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2020-11-03
- 本文给大家分享C#连接SQL数据库和查询数据功能的操作技巧,本文通过图文并茂的形式给大家介绍的非常详细,需要的朋友参考下吧...2021-05-17
- 这篇文章主要介绍了C#实现简单的Http请求的方法,以实例形式较为详细的分析了C#实现Http请求的具体方法,需要的朋友可以参考下...2020-06-25
- 本文主要介绍了C#中new的几种用法,具有很好的参考价值,下面跟着小编一起来看下吧...2020-06-25
使用Visual Studio2019创建C#项目(窗体应用程序、控制台应用程序、Web应用程序)
这篇文章主要介绍了使用Visual Studio2019创建C#项目(窗体应用程序、控制台应用程序、Web应用程序),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧...2020-06-25- 这篇文章主要介绍了C#开发Windows窗体应用程序的简单操作步骤,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2021-04-12
- 这篇文章主要介绍了C#从数据库读取图片并保存的方法,帮助大家更好的理解和使用c#,感兴趣的朋友可以了解下...2021-01-16
- 最近做一个小项目不可避免的需要前端脚本与后台进行交互。由于是在asp.net中实现,故问题演化成asp.net中jiavascript与后台c#如何进行交互。...2020-06-25
- 这篇文章主要用实例讲解C#递归算法的概念以及用法,文中代码非常详细,帮助大家更好的参考和学习,感兴趣的朋友可以了解下...2020-06-25
- 本文通过例子,讲述了C++调用C#的DLL程序的方法,作出了以下总结,下面就让我们一起来学习吧。...2020-06-25
- 轻松学习C#的基础入门,了解C#最基本的知识点,C#是一种简洁的,类型安全的一种完全面向对象的开发语言,是Microsoft专门基于.NET Framework平台开发的而量身定做的高级程序设计语言,需要的朋友可以参考下...2020-06-25
- 本文主要介绍了C#变量命名规则小结,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-09-09
- 这篇文章主要介绍了c#中(&&,||)与(&,|)的区别详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2020-06-25
- 本文主要介绍了C# 中取绝对值的函数。具有很好的参考价值。下面跟着小编一起来看下吧...2020-06-25
- 这篇文章主要介绍了C#绘制曲线图的方法,以完整实例形式较为详细的分析了C#进行曲线绘制的具体步骤与相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下...2020-06-25
- 这篇文章主要介绍了c#自带缓存使用方法,包括获取数据缓存、设置数据缓存、移除指定数据缓存等方法,需要的朋友可以参考下...2020-06-25
- 下面小编就为大家带来一篇C#学习笔记- 随机函数Random()的用法详解。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧...2020-06-25
- 这篇文章主要介绍了C#中list用法,结合实例形式分析了C#中list排序、运算、转换等常见操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下...2020-06-25