u013059555
u013059555

asp.net实现文件上传带进度条（多种风格）

文件上传 带进度条 多种风格 非常漂亮！

asp.net实现文件上传带进度条（多种风格）_第1张图片

 asp.net实现文件上传带进度条（多种风格）_第2张图片

asp.net实现文件上传带进度条（多种风格）_第3张图片

 

asp.net实现文件上传带进度条（多种风格）_第4张图片

 

asp.net实现文件上传带进度条（多种风格）_第5张图片

 

友好的提示 以及上传验证！

 

asp.net实现文件上传带进度条（多种风格）_第6张图片

 

asp.net实现文件上传带进度条（多种风格）_第7张图片

 

asp.net实现文件上传带进度条（多种风格）_第8张图片

 

asp.net实现文件上传带进度条（多种风格）_第9张图片

 

部分代码：

 

[c-sharp]  view plain copy
  1. <%@ Page Language="C#" %>  
  2. <%@ Register Assembly="MattBerseth.WebControls.AJAX" Namespace="MattBerseth.WebControls.AJAX.Progress" TagPrefix="mb" %>  
  3.   
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  5.   
  6. <html xmlns="http://www.w3.org/1999/xhtml">  
  7. <head runat="server">  
  8.     <title>Untitled Page</title>  
  9.     <link rel="Stylesheet" href="_assets/css/progress.css" mce_href="_assets/css/progress.css" />  
  10.     <link rel="Stylesheet" href="_assets/css/upload.css" mce_href="_assets/css/upload.css" />  
  11.     <mce:style type="text/css"><!--  
  12.         BODY{ font-family:Arial, Sans-Serif; font-size:12px;}  
  13.       
  14. --></mce:style><style type="text/css" mce_bogus="1">        BODY{ font-family:Arial, Sans-Serif; font-size:12px;}  
  15.     </style>  
  16.     <mce:script type="text/C#" runat="server"><!--  
  17.          
  18.         protected void Page_Load(object sender, EventArgs args)  
  19.         {  
  20.             if (!this.IsPostBack)  
  21.             {                  
  22.                 this.Session["UploadInfo"] = new UploadInfo { IsReady = false };  
  23.             }  
  24.         }  
  25.           
  26.         /// <summary>  
  27.         ///   
  28.         /// </summary>  
  29.         [System.Web.Services.WebMethod]  
  30.         [System.Web.Script.Services.ScriptMethod]  
  31.         public static object GetUploadStatus()  
  32.         {  
  33.             //获取文件长度  
  34.             UploadInfo info = HttpContext.Current.Session["UploadInfo"] as UploadInfo;  
  35.   
  36.             if (info != null && info.IsReady)  
  37.             {  
  38.                 int soFar = info.UploadedLength;  
  39.                 int total = info.ContentLength;  
  40.   
  41.                 int percentComplete = (int)Math.Ceiling((double)soFar / (double)total * 100);  
  42.                 string message = string.Format("上传 {0} ... {1} of {2} 字节", info.FileName, soFar, total);  
  43.                   
  44.                 //  返回百分比  
  45.                 return new { percentComplete = percentComplete, message = message };  
  46.             }  
  47.   
  48.             //  还没有准备好...  
  49.             return null;  
  50.         }  
  51.       
  52.       
  53. // --></mce:script>  
  54. </head>  
  55. <body>  
  56.     <form id="form1" runat="server">  
  57.     <asp:ScriptManager ID="scriptManager" runat="server" EnablePageMethods="true" />  
  58.       
  59.     <mce:script type="text/javascript"><!--  
  60.         var intervalID = 0;  
  61.         var progressBar;  
  62.         var fileUpload;  
  63.         var form;         
  64.         // 进度条        
  65.         function pageLoad(){             
  66.             $addHandler($get('upload'), 'click', onUploadClick);  
  67.             progressBar = $find('progress');  
  68.         }  
  69.         // 注册表单         
  70.         function register(form, fileUpload){              
  71.             this.form = form;  
  72.             this.fileUpload = fileUpload;  
  73.         }          
  74.         //上传验证  
  75.         function onUploadClick() {          
  76.             var vaild = fileUpload.value.length > 0;  
  77.             if(vaild){                
  78.                 $get('upload').disabled = 'disabled';               
  79.                 updateMessage('info', '初始化上传...');                  
  80.                 //提交上传  
  81.                 form.submit();                  
  82.                 // 隐藏frame  
  83.                 Sys.UI.DomElement.addCssClass($get('uploadFrame'), 'hidden');  
  84.                 // 0开始显示进度条  
  85.                 progressBar.set_percentage(0);  
  86.                 progressBar.show();             
  87.                 // 上传过程  
  88.                 intervalID = window.setInterval(function(){  
  89.                     PageMethods.GetUploadStatus(function(result){  
  90.                         if(result){  
  91.                             //  更新进度条为新值  
  92.                             progressBar.set_percentage(result.percentComplete);  
  93.                             //更新信息  
  94.                             updateMessage('info', result.message);  
  95.                               
  96.                             if(result == 100){  
  97.                                 // 自动消失  
  98.                                 window.clearInterval(intervalID);                          
  99.                             }  
  100.                         }  
  101.                     });  
  102.                 }, 500);                  
  103.             }  
  104.             else{  
  105.                 onComplete('error', '您必需选择一个文件');  
  106.             }  
  107.         }         
  108.       
  109.         function onComplete(type, msg){  
  110.             // 自动消失  
  111.             window.clearInterval(intervalID);  
  112.             // 显示消息  
  113.             updateMessage(type, msg);  
  114.             // 隐藏进度条  
  115.             progressBar.hide();  
  116.             progressBar.set_percentage(0);  
  117.             // 重新启用按钮  
  118.             $get('upload').disabled = '';  
  119.             //  显示frame  
  120.             Sys.UI.DomElement.removeCssClass($get('uploadFrame'), 'hidden');  
  121.         }          
  122.         function updateMessage(type, value){  
  123.             var status = $get('status');  
  124.             status.innerHTML = value;  
  125.             // 移除样式  
  126.             status.className = '';  
  127.             Sys.UI.DomElement.addCssClass(status, type);  
  128.         }  
  129.       
  130.       
  131. // --></mce:script>  
  132.       
  133.     <div>  
  134.         <div class="upload">  
  135.             <h3>文件上传</h3>  
  136.             <div>  
  137.                 <iframe id="uploadFrame" frameborder="0" scrolling="no" src="Upload.aspx" mce_src="Upload.aspx"></iframe>  
  138.                 <mb:ProgressControl ID="progress" runat="server" CssClass="lightblue" style="display:none" mce_style="display:none" Value="0" Mode="Manual" Speed=".4" Width="100%" />  
  139.                 <div>  
  140.                     <div id="status" class="info">请选择要上传的文件</div>  
  141.                     <div class="commands">  
  142.                         <input id="upload" type="button" value="上传" />   
  143.                     </div>  
  144.                 </div>  
  145.             </div>  
  146.         </div>   
  147.         
  148.     </div>  
  149.     </form>  
  150. </body>  
  151. </html>  

 

upload.aspx:

[c-sharp]  view plain copy
  1. //限制大小 1M  
  2.         protected void Page_Load2(object sender, EventArgs e)  
  3.         {  
  4.             if (this.IsPostBack)  
  5.             {  
  6.                 UploadInfo uploadInfo = this.Session["UploadInfo"] as UploadInfo;  
  7.                 if (uploadInfo == null)  
  8.                 {  
  9.                     // 让父页面知道无法处理上传  
  10.                     const string js = "window.parent.onComplete('error', '无法上传文件。请刷新页面，然后再试一次);";  
  11.                     ScriptManager.RegisterStartupScript(this, typeof(upload_aspx), "progress", js, true);  
  12.                 }  
  13.                 else  
  14.                 {  
  15.                     //  让服务端知道我们还没有准备好..  
  16.                     uploadInfo.IsReady = false;  
  17.   
  18.                     //  上传验证  
  19.                     if (this.fileUpload.PostedFile != null && this.fileUpload.PostedFile.ContentLength > 0  
  20.   
  21.                         && this.fileUpload.PostedFile.ContentLength < 1048576)//  限制1M  
  22.                     {  
  23.                         //  设置路径  
  24.                         string path = this.Server.MapPath(@"Uploads");  
  25.                         string fileName = Path.GetFileName(this.fileUpload.PostedFile.FileName);  
  26.   
  27.                         // 上传信息  
  28.                         uploadInfo.ContentLength = this.fileUpload.PostedFile.ContentLength;  
  29.                         uploadInfo.FileName = fileName;  
  30.                         uploadInfo.UploadedLength = 0;  
  31.   
  32.                        //文件存在 初始化...  
  33.                         uploadInfo.IsReady = true;  
  34.   
  35.                        //缓存  
  36.                         int bufferSize = 1;  
  37.                         byte[] buffer = new byte[bufferSize];  
  38.   
  39.                         // 保存字节  
  40.                         using (FileStream fs = new FileStream(Path.Combine(path, fileName), FileMode.Create))  
  41.                         {                           
  42.                             while (uploadInfo.UploadedLength < uploadInfo.ContentLength)  
  43.                             {  
  44.                                //从输入流放进缓冲区  
  45.                                 int bytes = this.fileUpload.PostedFile.InputStream.Read(buffer, 0, bufferSize);  
  46.                                 // 字节写入文件流  
  47.                                 fs.Write(buffer, 0, bytes);  
  48.                                 //  更新大小  
  49.                                 uploadInfo.UploadedLength += bytes;  
  50.   
  51.                                 //  线程睡眠 上传就更慢 这样就可以看到进度条了  
  52.                                 System.Threading.Thread.Sleep(100);  
  53.                             }  
  54.                         }  
  55.   
  56.                         // 删除.  
  57.                         File.Delete(Path.Combine(path, fileName));  
  58.   
  59.                         //   让父页面知道已经处理上传完毕  
  60.                         const string js = "window.parent.onComplete('success', '{0} 已成功上传');";  
  61.                         ScriptManager.RegisterStartupScript(this, typeof(upload_aspx), "progress", string.Format(js, fileName), true);  
  62.                     }  
  63.                     else  
  64.                     {  
  65.                         if (this.fileUpload.PostedFile.ContentLength >= 1048576)//1M  
  66.                         {  
  67.                             const string js = "window.parent.onComplete('error', '超出上传文件限制大小，请重新选择');";  
  68.                             ScriptManager.RegisterStartupScript(this, typeof(upload_aspx), "progress", js, true);  
  69.                         }  
  70.                         else  
  71.                         {  
  72.                             const string js = "window.parent.onComplete('error', '上传文件出错');";  
  73.                             ScriptManager.RegisterStartupScript(this, typeof(upload_aspx), "progress", js, true);  
  74.                         }  
  75.                     }                    
  76.                     uploadInfo.IsReady = false;  
  77.                 }  
  78.             }          
  79.         }  
  80.   
  81.         // 不限制大小  
  82.         protected void Page_Load(object sender, EventArgs e)  
  83.         {  
  84.             if (this.IsPostBack)  
  85.             {  
  86.                 UploadInfo uploadInfo = this.Session["UploadInfo"] as UploadInfo;               
  87.                 uploadInfo.IsReady = false;                 
  88.                 if (this.fileUpload.PostedFile != null && this.fileUpload.PostedFile.ContentLength > 0)  
  89.                 {                 
  90.                     string path = this.Server.MapPath(@"Uploads");  
  91.                     string fileName = Path.GetFileName(this.fileUpload.PostedFile.FileName);  
  92.                      
  93.                     uploadInfo.ContentLength = this.fileUpload.PostedFile.ContentLength;  
  94.                     uploadInfo.FileName = fileName;  
  95.                     uploadInfo.UploadedLength = 0;  
  96.                       
  97.                     uploadInfo.IsReady = true;  
  98.   
  99.                     int bufferSize = 1;  
  100.                     byte[] buffer = new byte[bufferSize];  
  101.   
  102.                     using (FileStream fs = new FileStream(Path.Combine(path, fileName), FileMode.Create))  
  103.                     {  
  104.                         while (uploadInfo.UploadedLength < uploadInfo.ContentLength)  
  105.                         {  
  106.                             int bytes = this.fileUpload.PostedFile.InputStream.Read(buffer, 0, bufferSize);                            
  107.                             fs.Write(buffer, 0, bytes);                           
  108.                             uploadInfo.UploadedLength += bytes;  
  109.                         }  
  110.                     }  
  111.                     const string js = "window.parent.onComplete('success', '{0} 已成功上传');";  
  112.                     ScriptManager.RegisterStartupScript(this, typeof(upload_aspx), "progress", string.Format(js, fileName), true);  
  113.                 }  
  114.                 else  
  115.                 {  
  116.                     const string js = "window.parent.onComplete('error', '上传文件出错');";  
  117.                     ScriptManager.RegisterStartupScript(this, typeof(upload_aspx), "progress", js, true);  
  118.                 }  
  119.                 uploadInfo.IsReady = false;  
  120.             }  
  121.         }          

你可能感兴趣的:(upload,asp.net)

  • 【教程】无法验证app需要互联网连接以验证是否信任开发者
    摘要本文将探讨在使用苹果App时遇到无法验证开发者的情况，以及用户可以采取的解决方案。通过检查网络连接、重新操作、验证描述文件等方式来解决无法验证开发者的问题。同时，还介绍了开发者信任设置的步骤，以及使用appuploader工具进行安装测试的方法。引言在使用苹果App时，有时会遇到无法验证开发者的情况，这可能会影响用户的正常使用体验。本文将探讨用户在遇到无法验证开发者问题时可以采取的解决方案，同
  • JAVA HTTP大文件分片断点续传 weixin_52041354 java大文件上传java大文件秒传java大文件上传下载java文件传输解决方案jsp大文件上传java断点续传jsp加密传输
    要求：开源，免费，技术支持技术：分片,分块,断点续传,加密传输,加密存储需求：大文件上传，批量上传，断点续传，文件夹上传，大文件下载，批量下载，断点下载，文件夹下载文件夹：上传下载需要支持层级结构，采用非压缩方式文件大小：100G前端：vue2,vue3,vue-cli,jquery,html,webuploader后端：java,JSP,springboot,struts服务器：linux,信创
  • 深入学习FormView控件及其在ASP.NET中的应用 鸟看世界
    本文还有配套的精品资源，点击获取简介：本文深入介绍了ASP.NETWebForms中的FormView控件，解释了其功能特性及配置方法，并通过具体实例展示了如何使用FormView进行数据显示、编辑、插入、更新和删除操作。文章详细解释了FormView的基本结构、使用模板、CommandField配置以及分页实现，并讨论了相关的事件处理。通过学习本教程，开发者可以掌握如何在实际项目中应用FormV
  • 以上传用户头像为例直接搞懂SpringBoot文件上传存储思路！
    此方法将图片直接存入磁盘中下列代码中的：@Autowired属于IoC的内容,参考：简单了解IoC与DIController@RestController@RequestMapping("/user")@Slf4jpublicclassUserController{@AutowiredprivateUserServiceImpluserService;@PostMapping("/uploadAv
  • Django ImageField 对象全面使用指南 Yant224 DjangoV2#第2章模型djangoImageField文件上传图像处理缩略图生成信号机制
    掌握图像上传、处理与安全管理的完整解决方案一、ImageField基础定义与配置1.模型定义fromdjango.dbimportmodelsclassActor(models.Model):#基础定义avatar=models.ImageField(upload_to='actors/portrait/',#上传目录verbose_name='演员头像',#管理后台显示名称blank=True,
  • Connection timed out: connect. If you are behind an HTTP proxy, please configure the proxy settings
    FirebaseCrashlytics提示mapping上传超时FirebaseuploadCrashlyticsMappingFileRelease解决方案核心就是禁用掉uploadCrashlyticsMappingFileRelease这个任务最外层build.gradle中添加firebaseCrashlytics{//false为不上传，编译时也不会有对应的任务，//这里可以根据实际需求
  • AJAX与ASP.NET Web方法的实践与原理 t0_54coder 编程问题解决手册前端ajaxasp.net个人开发
    在现代Web开发中，AJAX（AsynchronousJavaScriptandXML）是提升用户体验的关键技术之一，尤其在需要与服务器交互而不刷新整个页面的情况下。今天，我们将探讨如何在ASP.NET中使用AJAX结合Web方法（WebMethod）来实现这一目的，并深入分析其中的原理。实例背景假设我们有一个简单的温度转换器，需要将华氏温度转换为摄氏温度，我们希望这个转换过程是即时的，不需要用户
  • 50、深入解析微软.NET框架 kk1234 网络应用开发框架全解析.NET框架C#编程ASP.NET
    深入解析微软.NET框架1.引言在现代软件开发中，微软的.NET框架已经成为构建和部署各种应用程序的重要工具。它不仅支持面向组件编程，还提供了强大的开发环境，使得开发者可以创建高效、可靠且易于维护的应用程序。本文将深入探讨.NET框架的核心组件，包括C#编程语言、ASP.NET和Web服务支持，揭示其在开发基于HTML的Web应用程序方面的强大功能。2..NET框架概述.NET框架是一系列技术的集
  • 4、ASP.NET MVC与jQuery开发指南 corn8 探索.NETASP.NETMVCjQuery路由
    ASP.NETMVC与jQuery开发指南1.路由与数据库访问在ASP.NETMVC中，MapRoute的第三个参数用于定义URL各部分的默认值，这使得我们可以省略部分或全部URL部分。若省略控制器，默认使用Home控制器；若省略动作，默认使用Index动作；id参数为可选，允许使用无参数的动作方法。大多数业务线（LOB）应用程序需要与持久化数据存储（如MicrosoftSQLServer）中的数
  • OWIN简介
    当然可以！下面是对OWIN（OpenWebInterfacefor.NET）的全面介绍，涵盖它的起源、架构、优点以及与ASP.NET的关系。什么是OWIN？OWIN（OpenWebInterfacefor.NET）是一个标准，定义了.NETWeb服务器与Web应用之间的解耦接口。✅官方定义：OWINisaspecificationthatdecoupleswebapplicationsfromwe
  • jQuery攻略pdf weixin_30725315 javascriptjavac/c++ViewUI
    下载地址：网盘下载内容简介······jQuery是目前应用最广泛的JavaScript框架之一，已经成为微软ASP.NET、VisualStudio和诺基亚WebRunTime等主流开发平台的重要组成部分。借助jQuery的魔力，数十行JavaScript代码可以被神奇地压缩成区区几行，诸多Web开发人员就是在那一瞬间深深迷恋上了这个方便快捷、功能完备的利器。本书从实际应用角度出发，介绍了使用j
  • ASP.NET Core MVC Redis 缓存应用 郑小晨 .NETRedisASP.NETCore缓存
    环境：ASP.NETCoreMVC，Redis-Win-x64-3.2.100本文介绍在ASP.NETCoreMVC中怎么用Redis缓存数据。1、启动Redis服务器，就是让我们的Redis跑起来，具体参照https://blog.csdn.net/u012835032/article/details/115438693。2、要在ASP.NETCoreMVC中用Redis需要做什么？参考http
  • 【ASP.NET Core】内存缓存（MemoryCache）原理、应用及常见问题解析 ArabySide #ASP.NETCoreasp.net缓存后端asp.netcorec#
    系列文章目录链接:【ASP.NETCore】REST与RESTful详解，从理论到实现链接:【ASP.NETCore】深入理解Controller的工作机制文章目录系列文章目录前言一、ASP.NETCore中的内存缓存——MemoryCache1.1内存缓存的结构1.2MemoryCache的注册1.3MemoryCache的配置项1.3.1缓存时间的过期策略1.3.2缓存的优先级1.4Memor
  • 【ASP.NET Core】ASP.NET Core中Redis分布式缓存的应用 ArabySide #.NETCoreRedis缓存redis分布式缓存asp.netasp.netcore
    系列文章目录链接:【ASP.NETCore】REST与RESTful详解，从理论到实现链接:【ASP.NETCore】深入理解Controller的工作机制链接:【ASP.NETCore】内存缓存（MemoryCache）原理、应用及常见问题解析文章目录系列文章目录前言一、Redis1.1Redis简介1.2常用数据结构1.3Redis的持久化1.3.1RDB1.3.2AOF1.4常用应用场景1.
  • OpenCV Mat UMat GpuMat Matx HostMem InputArray等设计哲学 我是李武涯 opencv人工智能计算机视觉c++
    一、概览：GpuMat对应于cuda；HostMem可以看作是一种特殊的Mat，其存储对应cuda在主机分配的锁页内存，可以不经显示downloadupload自动转变成GpuMat（但是和GpuMat并无继承关系）；UMat对应于opencl的存储Matx指代常量Mat，编译时即确定：InputArray则是一种代理模式。注意，InputAray和MatUMatGpuMatMatx等无继承关系！
  • 可编程的文字处理引擎TX Text Control .NET Server for Windows Forms burningblog
    TXTextControl.NETServerforWindowsForms控件是一个完全可编程的，用于ASP.NET服务器环境与MicrosoftInternetExplorer的文字处理引擎。它的设计理念就是在服务器端集中文字处理过程。具体功能：直接在浏览器中以所见即所得方式编辑文档TXTextControl.NETServer为您提供了一个浏览器控件，通过它可以在微软IE中以进行所见即所得模
  • php（上传文件）
    1、php文件上传配置指令（1）file_uploads=On/off(是否可以接受文件上传)（2）max_input_time=60在提示错误之前解析输入所花费的最长时间，以秒为单位，如果经常需要传输大文件，这个时限应该设置得合理一些。（3）max_file_uploads=20对可以同时上传文件数设置了一个上限。（4）memory_limit=128M设置脚本可以分配得最大内存，可以防止脚本独
  • Web创建网站登录页面 怎么还没吃饭啊 服务器运维
    目录一、创建新窗体1.创建一个普通的ASP.NET空web网站2.创建login.aspx二、添加控件三、login.aspx页面中四、添加点击控件1.打开login.aspx页面源五、总结一、创建新窗体1.创建一个普通的ASP.NET空web网站新窗体自己命名为自己想要建立的名字，我就命名为一课一得了一定注意的是要选择一个空的应用程序用于创建ASP.NET应用程序的空项目模版2.创建login.
  • ASP.NET Core与Confluent.Kafka深度整合：构建高性能Kafka生产者与消费者的终极指南 墨夶 C#学习资料6asp.netkafkalinq
    Kafka在现代微服务架构中的量子跃迁在2025年的分布式系统战场上，ApacheKafka已经超越了传统的消息队列角色，成为微服务架构的神经中枢。本文将通过1200+行代码和深度技术解析，揭秘如何在ASP.NETCore中使用Confluent.Kafka实现工业级的Kafka生产者与消费者。我们将从底层原理到高阶技巧，带你构建可扩展、可观察的Kafka集成方案。第一章：环境准备与核心概念1.1
  • HAL STM32 I2C方式读取MT6701磁编码器获取角度例程 perseverance52 嵌入式开发笔记stm32MT6701
    HALSTM32I2C方式读取MT6701磁编码器获取角度例程相关篇《Arduino通过I2C驱动MT6701磁编码器并读取角度数据》《STM32软件I2C方式读取MT6701磁编码器获取角度例程》使用CH341编程器读取，可以参考《CH341A/BUSB转USART/I2C/SPI介绍》MT6701当前最新文档资料：https://www.magntek.com.cn/upload/MT6701
  • OSS文件上传（二）：分片上传 执一`. 数据库
    上一篇我们介绍了OSS的简单文件上传，同时也了解了简单上传的适用场景与局限性，为了应对它所带来的局限性我们这一篇文章将带着大家介绍OSS的分片文件上传。如果对OSS文件上传还不了解的，推荐先看我的上一篇博客：OSS文件上传（一）：简单上传-CSDN博客大文件解决方案：分片上传分片上传（MultipartUpload）是OSS专为大文件设计的上传方式，核心思想是将大文件拆分为多个小分片（Part），
  • Taro 网络 API 详解与实用案例
    Taro网络API详解与实用案例在现代前端开发中，网络通信是不可或缺的一环。Taro作为一款多端开发框架，提供了丰富且统一的网络API，帮助开发者在小程序、H5、ReactNative等多端环境下高效地进行数据交互。本文将详细介绍Taro的四大网络API：Taro.request、Taro.uploadFile、Taro.downloadFile和Taro.connectSocket，并结合实际案
  • FastAPI 基础
    FastAPI单元子单元文章目录FastAPI单元子单元一、FastAPI核心类功能概述常用功能块高阶使用功能块二、BackgroundTasks背景任务功能概述常用功能块高阶使用功能块三、UploadFile文件上传功能概述常用功能块高阶使用功能块四、HTTPException和WebSocketException异常处理功能概述常用功能块高阶使用功能块五、参数处理函数（Body、Cookie、
  • Vue常用插件汇总(2) 2401_84094908 程序员vue.js前端javascript
    文件上传vue-upload-component-Vuejs文件上传组件vue-core-image-upload-轻量级的vue上传插件vue-dropzone-用于文件上传的Vue组件图片处理vue-lazyload-img-移动优化的vue图片懒加载插件vue-image-crop-upload-vue图片剪裁上传组件vue-svgicon-创建svg图标组件的工具vue-img-loade
  • 基于ASP.Net Core 开发的纯BS结构的RoadFlow工作流平台
    基于ASP.NetCore开发的纯BS结构的RoadFlow工作流平台RoadFlow是一款集成工作流引擎的ASP.NETCOREMVC快速开发框架，由从事多年工作流开发与实施的技术团队开发。该工作流平台是根据多年对企事业单位工作流应用经验总结而成，是一款符合于国情的工作流平台，特别适合于国内无标准，复杂多变的工作审批流转。拥有全浏览器兼容的可视化流程设计器、表单设计器、灵活精细的权限管理等先进设
  • .NET 8 Release Candidate 1 (RC1)现已发布，包括许多针对ASP.NET Core的重要改进！ 步、步、为营 .netr语言asp.net
    .NET8ReleaseCandidate1(RC1)发布：ASP.NETCore重大改进来袭！近日，.NET8ReleaseCandidate1(RC1)正式发布，这是在今年晚些时候计划发布的最终.NET8版本之前的两个候选版本中的第一个。此版本包含了大部分计划中的功能和变更，可供开发者提前尝鲜。不过，部分领域（尤其是Blazor）仍有重大变更待完成，预计将在下一个.NET8候选版本中落地。新功
  • python ffmpeg pipe_如何使用python从ffmpeg输出管道？ weixin_39611725 pythonffmpegpipe
    我正在尝试将FFmpeg的输出用管道输送到Python中。我正在从一个视频采集卡读取图像，我成功地使用dshow从命令行将其读入输出文件。我正在尝试从卡抓取图像到我的OpenCv代码，以便能够进一步处理数据。不幸的是，当我通过管道输出图像时，我只得到视频的显示，如链接所示：link:s000.tinyupload.com/?file_id=15940665795196022618.我使用的代码如下
  • C#使用Quartz.NET详细讲解 diaochejiang2761 c#
    C#使用Quartz.NET详细讲解Quartz.NET是一个开源的作业调度框架，是OpenSymphony的QuartzAPI的.NET移植，它用C#写成，可用于winform和asp.net应用中。它提供了巨大的灵活性而不牺牲简单性。你能够用它来为执行一个作业而创建简单的或复杂的调度。它有很多特征，如：数据库支持，集群，插件，支持cron-like表达式等等。你曾经需要应用执行一个任务吗？这个
  • ASP.NET Core Web API中实现缓存 AitTech .NetCore缓存.netcorec#后端
    在.NET6中，你可以使用几种方式来实现缓存，但最直接的方法之一是使用ResponseCaching中间件或自定义的ActionFilterAttribute（动作过滤器）。1.使用ResponseCaching中间件ASP.NETCore提供了一个内置的ResponseCaching中间件，它可以很容易地配置来缓存HTTP响应。这对于静态内容和一些动态内容（如基于查询参数的响应）非常有用。首先，
  • 本地开发用ASP.NET Core Web API项目创建及测试 way_hj web开发asp.net后端
    1.服务端代码（C#）1.1创建ASP.NETCoreWebAPI项目打开VisualStudio2022。选择“创建新项目”。选择“ASP.NETCoreWebAPI”模板，点击“下一步”。输入项目名称（如OracleApi），选择项目位置，点击“创建”。1.2安装Oracle数据库依赖使用NuGet管理包工具在项目中安装Oracle数据库的EFCore依赖：Oracle.EntityFrame
  • 解线性方程组 qiuwanchi
    package gaodai.matrix; import java.util.ArrayList; import java.util.List; import java.util.Scanner; public class Test { public static void main(String[] args) { Scanner scanner = new Sc
  • 在mysql内部存储代码 annan211 性能mysql存储过程触发器
    在mysql内部存储代码 在mysql内部存储代码，既有优点也有缺点，而且有人倡导有人反对。 先看优点： 1 她在服务器内部执行，离数据最近，另外在服务器上执行还可以节省带宽和网络延迟。 2 这是一种代码重用。可以方便的统一业务规则，保证某些行为的一致性，所以也可以提供一定的安全性。 3 可以简化代码的维护和版本更新。 4 可以帮助提升安全，比如提供更细
  • Android使用Asynchronous Http Client完成登录保存cookie的问题 hotsunshine android
    Asynchronous Http Client是android中非常好的异步请求工具 除了异步之外还有很多封装比如json的处理，cookie的处理 引用 Persistent Cookie Storage with PersistentCookieStore This library also includes a PersistentCookieStore whi
  • java面试题 Array_06 java面试
    java面试题 第一，谈谈final, finally, finalize的区别。 final-修饰符（关键字）如果一个类被声明为final，意味着它不能再派生出新的子类，不能作为父类被继承。因此一个类不能既被声明为 abstract的，又被声明为final的。将变量或方法声明为final，可以保证它们在使用中不被改变。被声明为final的变量必须在声明时给定初值，而在以后的引用中只能
  • 网站加速 oloz 网站加速
    前序:本人菜鸟，此文研究总结来源于互联网上的资料，大牛请勿喷！本人虚心学习，多指教. 1、减小网页体积的大小，尽量采用div+css模式，尽量避免复杂的页面结构，能简约就简约。 2、采用Gzip对网页进行压缩；    GZIP最早由Jean-loup Gailly和Mark Adler创建，用于UNⅨ系统的文件压缩。我们在Linux中经常会用到后缀为.gz
  • 正确书写单例模式 随意而生 java 设计模式 单例
    　　单例模式算是设计模式中最容易理解，也是最容易手写代码的模式了吧。但是其中的坑却不少，所以也常作为面试题来考。本文主要对几种单例写法的整理，并分析其优缺点。很多都是一些老生常谈的问题，但如果你不知道如何创建一个线程安全的单例，不知道什么是双检锁，那这篇文章可能会帮助到你。 　　懒汉式，线程不安全 　　当被问到要实现一个单例模式时，很多人的第一反应是写出如下的代码，包括教科书上也是这样
  • 单例模式 香水浓 java
    懒汉  调用getInstance方法时实例化 public class Singleton { private static Singleton instance; private Singleton() {} public static synchronized Singleton getInstance() { if(null == ins
  • 安装Apache问题：系统找不到指定的文件 No installed service named "Apache2" AdyZhang apachehttp server
    安装Apache问题：系统找不到指定的文件 No installed service named "Apache2" 每次到这一步都很小心防它的端口冲突问题，结果，特意留出来的80端口就是不能用，烦。 解决方法确保几处： 1、停止IIS启动 2、把端口80改成其它 （譬如90，800，，，什么数字都好） 3、防火墙(关掉试试) 在运行处输入 cmd 回车，转到apa
  • 如何在android 文件选择器中选择多个图片或者视频？ aijuans android
    我的android app有这样的需求，在进行照片和视频上传的时候，需要一次性的从照片/视频库选择多条进行上传 但是android原生态的sdk中，只能一个一个的进行选择和上传。 我想知道是否有其他的android上传库可以解决这个问题，提供一个多选的功能，可以使checkbox之类的，一次选择多个 处理方法 官方的图片选择器(但是不支持所有版本的androi，只支持API Level
  • mysql中查询生日提醒的日期相关的sql baalwolf mysql
    SELECT sysid,user_name,birthday,listid,userhead_50,CONCAT(YEAR(CURDATE()),DATE_FORMAT(birthday,'-%m-%d')),CURDATE(),  dayofyear( CONCAT(YEAR(CURDATE()),DATE_FORMAT(birthday,'-%m-%d')))-dayofyear(
  • MongoDB索引文件破坏后导致查询错误的问题 BigBird2012 mongodb
    问题描述： MongoDB在非正常情况下关闭时，可能会导致索引文件破坏，造成数据在更新时没有反映到索引上。 解决方案：   使用脚本，重建MongoDB所有表的索引。 var names = db.getCollectionNames(); for( var i in names ){ var name = names[i]; print(name);
  • Javascript Promise bijian1013 JavaScriptPromise
            Parse JavaScript SDK现在提供了支持大多数异步方法的兼容jquery的Promises模式，那么这意味着什么呢，读完下文你就了解了。 一.认识Promises         “Promises”代表着在javascript程序里下一个伟大的范式，但是理解他们为什么如此伟大不是件简
  • [Zookeeper学习笔记九]Zookeeper源代码分析之Zookeeper构造过程 bit1129 zookeeper
       Zookeeper重载了几个构造函数，其中构造者可以提供参数最多，可定制性最多的构造函数是     public ZooKeeper(String connectString, int sessionTimeout, Watcher watcher, long sessionId, byte[] sessionPasswd, boolea
  • 【Java命令三】jstack bit1129 jstack
    jstack是用于获得当前运行的Java程序所有的线程的运行情况(thread dump），不同于jmap用于获得memory dump   [hadoop@hadoop sbin]$ jstack Usage: jstack [-l] <pid> (to connect to running process) jstack -F
  • jboss 5.1启停脚本　动静分离部署 ronin47
    以前启动jboss，往各种xml配置文件，现只要运行一句脚本即可。start nohup sh /**/run.sh -c servicename  -b ip -g  clustername   -u broatcast jboss.messaging.ServerPeerID=int  -Djboss.service.binding.set=p
  • UI之如何打磨设计能力? brotherlamp UIui教程ui自学ui资料ui视频
      在越来越拥挤的初创企业世界里，视觉设计的重要性往往可以与杀手级用户体验比肩。在许多情况下，尤其对于 Web 初创企业而言，这两者都是不可或缺的。前不久我们在《右脑革命：别学编程了，学艺术吧》中也曾发出过重视设计的呼吁。如何才能提高初创企业的设计能力呢?以下是 9 位创始人的体会。 1.找到自己的方式 如果你是设计师，要想提高技能可以去设计博客和展示好设计的网站如D-lists或
  • 三色旗算法 bylijinnan java算法
    import java.util.Arrays; /** 问题： 假设有一条绳子，上面有红、白、蓝三种颜色的旗子，起初绳子上的旗子颜色并没有顺序， 您希望将之分类，并排列为蓝、白、红的顺序，要如何移动次数才会最少，注意您只能在绳 子上进行这个动作，而且一次只能调换两个旗子。 网上的解法大多类似： 在一条绳子上移动，在程式中也就意味只能使用一个阵列，而不使用其它的阵列来
  • 警告:No configuration found for the specified action: \'s chiangfai configuration
    1.index.jsp页面form标签未指定namespace属性。 <!--index.jsp代码--> <%@taglib prefix="s" uri="/struts-tags"%> ... <s:form action="submit" method="post"&g
  • redis -- hash_max_zipmap_entries设置过大有问题 chenchao051 redishash
    使用redis时为了使用hash追求更高的内存使用率，我们一般都用hash结构，并且有时候会把hash_max_zipmap_entries这个值设置的很大，很多资料也推荐设置到1000，默认设置为了512，但是这里有个坑   #define ZIPMAP_BIGLEN 254 #define ZIPMAP_END 255     /* Return th
  • select into outfile access deny问题 daizj mysqltxt导出数据到文件
    本文转自：http://hatemysql.com/2010/06/29/select-into-outfile-access-deny%E9%97%AE%E9%A2%98/ 为应用建立了rnd的帐号，专门为他们查询线上数据库用的，当然，只有他们上了生产网络以后才能连上数据库，安全方面我们还是很注意的，呵呵。 授权的语句如下： grant select on armory.* to rn
  • phpexcel导出excel表简单入门示例 dcj3sjt126com PHPExcelphpexcel
    <?php error_reporting(E_ALL); ini_set('display_errors', TRUE); ini_set('display_startup_errors', TRUE);   if (PHP_SAPI == 'cli') die('This example should only be run from a Web Brows
  • 美国电影超短200句 dcj3sjt126com 电影
    1. I see． 我明白了。2. I quit! 我不干了!3. Let go! 放手!4. Me too． 我也是。5. My god! 天哪!6. No way! 不行!7. Come on． 来吧(赶快)8. Hold on． 等一等。9. I agree。 我同意。10. Not bad． 还不错。11. Not yet． 还没。12. See you． 再见。13. Shut up!
  • Java访问远程服务 dyy_gusi httpclientwebservicegetpost
        随着webService的崛起，我们开始中会越来越多的使用到访问远程webService服务。当然对于不同的webService框架一般都有自己的client包供使用，但是如果使用webService框架自己的client包，那么必然需要在自己的代码中引入它的包，如果同时调运了多个不同框架的webService，那么就需要同时引入多个不同的clien
  • Maven的settings.xml配置 geeksun settings.xml
    settings.xml是Maven的配置文件，下面解释一下其中的配置含义： settings.xml存在于两个地方： 1.安装的地方：$M2_HOME/conf/settings.xml 2.用户的目录：${user.home}/.m2/settings.xml 前者又被叫做全局配置，后者被称为用户配置。如果两者都存在，它们的内容将被合并，并且用户范围的settings.xml优先。
  • ubuntu的init与系统服务设置 hongtoushizi ubuntu
    转载自：  http://iysm.net/?p=178 init Init是位于/sbin/init的一个程序，它是在linux下，在系统启动过程中，初始化所有的设备驱动程序和数据结构等之后，由内核启动的一个用户级程序，并由此init程序进而完成系统的启动过程。 ubuntu与传统的linux略有不同，使用upstart完成系统的启动，但表面上仍维持init程序的形式。 运行
  • 跟我学Nginx+Lua开发目录贴 jinnianshilongnian nginxlua
    使用Nginx+Lua开发近一年的时间，学习和实践了一些Nginx+Lua开发的架构，为了让更多人使用Nginx+Lua架构开发，利用春节期间总结了一份基本的学习教程，希望对大家有用。也欢迎谈探讨学习一些经验。    目录 第一章 安装Nginx+Lua开发环境 第二章 Nginx+Lua开发入门 第三章 Redis/SSDB+Twemproxy安装与使用 第四章 L
  • php位运算符注意事项 home198979 位运算PHP&
    $a = $b = $c = 0; $a & $b = 1; $b | $c = 1  问a,b,c最终为多少?   当看到这题时，我犯了一个低级错误，误 以为位运算符会改变变量的值。所以得出结果是1 1 0 但是位运算符是不会改变变量的值的，例如： $a=1;$b=2; $a&$b;  这样a,b的值不会有任何改变
  • Linux shell数组建立和使用技巧 pda158 linux
    1.数组定义 　　[chengmo@centos5 ~]$ a=(1 2 3 4 5) 　　[chengmo@centos5 ~]$ echo $a 　　1 　　一对括号表示是数组，数组元素用“空格”符号分割开。 　　 2.数组读取与赋值 　　得到长度： 　　[chengmo@centos5 ~]$ echo ${#a[@]} 　　5 　　用${#数组名[@或
  • hotspot源码(JDK7) ol_beta javaHotSpotjvm
    源码结构图，方便理解：   ├─agent                            Serviceab
  • Oracle基本事务和ForAll执行批量DML练习 vipbooks oraclesql
    基本事务的使用： 从账户一的余额中转100到账户二的余额中去，如果账户二不存在或账户一中的余额不足100则整笔交易回滚 select * from account; -- 创建一张账户表 create table account( -- 账户ID id number(3) not null, -- 账户名称 nam
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他