应无所住,而生其心
排名
1
文章
860
粉丝
112
评论
163
net core webapi post传递参数
庸人 : 确实坑哈,我也是下班好了好几次,发现后台传递对象是可以的,但...
百度编辑器自定义模板
庸人 : 我建议换个编辑器,因为现在百度富文本已经停止维护了,用tinymec...
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术

ASP.NET MVC + WebUploader实现文件上传二:使用中的一些问题

7308人阅读 2019/9/23 16:53 总访问:5182729 评论:0 收藏:0 手机
分类: 前端


如何把文件选择按钮换成自己的

因为WebUploader设置关联的上传id会有他的样式,有时候想换成自己的

开始想的是添加自己的文件选择按钮事件,然后在事件中在去触发WebUploader选择文件的按钮,把WebUploader自带的隐藏掉即可

  1. //自己的选择文件按钮
  2. $("#choiseFile").click(function ({
  3.     $("#hchoiseFile").click();
  4. });

但是并不行,分析代码发现里边有异常的file标签,然后就想到去触发这个file标签,估计WebUploader选择文件的按钮也是去触发的这个

  1. //自己的选择文件按钮
  2. $("#choiseFile").click(function ({
  3.     $("#hchoiseFile").find("input[type=file]").click();
  4. });

测试通过这样是可行的


WebUploader文件不能重新选择问题

文件限制了只能一次上传一个,但是用户选择一次后,如果觉得选错了在选择一次是不行的,就会触发错误Q_EXCEED_NUM_LIMIT也就是一次只能选中一个文件的限制,我们监听这个错误然后重置一下WebUploader就可以让用户重新选择了,调用一下reset方法即可。

  1. uploader.on("error"function (type{
  2.     if (type == "Q_TYPE_DENIED") {
  3.         alert("请上传JPG、PNG、GIF、BMP格式文件");
  4.     } else if (type == "Q_EXCEED_SIZE_LIMIT") {
  5.         alert("文件大小不能超过50M");
  6.     } else if (type == "Q_EXCEED_NUM_LIMIT") {
  7.         //alert("一次只能选择一个文件");
  8.         uploader.reset()
  9.     }
  10.     else {
  11.         alert("上传出错!请检查后重新上传!错误代码" + type);
  12.     }
  13. });


小文件能传递成功,大文件传递失败,直接报404

这是因为后台限制了传递的大小,配置一下即可,具体的配置方法可以参考第一篇文章

http://www.tnblog.net/aojiancc2/article/details/2680






欢迎加群讨论技术,1群:677373950(满了,可以加,但通过不了),2群:656732739。有需要软件开发,或者学习软件技术的朋友可以和我联系~(Q:815170684)

评价

Idea下使用maven搭建SSM(一)SpringMVC

Spring MVC是一款基于MVC架构模式的轻量级Web框架,其目的是将Web开发模块化,对整体架构进行解耦,简化Web开发流程。下面...

Idea下使用maven搭建SSM(二)MyBatis

开发Web应用,数据的存储和处理往往离不开数据库和SQL语句。在使用Java开发的Web应用中,自然也少不了连接数据库的步骤。在...

c webservice一基本使用

什么是webserviceWebservie是一种网络服务是一种与语言无关的服务webserver主要作用:1:可以跨平台跨语言访问2:可以做SOA...

c webservice二基本分布式访问

使用webservice接口有个好处就是可以分布式访问。例如我们在玩游戏的时候先要选择一个区,然后在进入游戏。这样是因为如果...

mysql 存储过程报错delimiter

最近刚学sql,学到了存储过程,每当练习的时候就一直出现问题。 现在记录CREATEPROCEDUREproc_out(OUTstuidINT) begin se...

推荐一款三无压缩软件bandizip

哈喽,大家好,我是刘小贱相信大家作为程序员的一员,都在使用压缩软件,但是呢我们常常使用的压缩软件都有很多的弊端,不但对...

解决基础提供程序在 Open 上失败,EF无法生成实体问题

在学校图书馆的电脑上安装VS2013和SQL R2后,调试项目报错:基础提供程序在 Open 上失败怀疑是数据库的问题,然后删除数据...

系统重装(一)安装制作Windows原装系统U盘

Windows是美国微软公司研发的跨平台及设备应用的操作系统.xinXP已经停止更新,微软也将在2020年1月14日正式结束对Windows 7...

Spring Cloud+.net core搭建微服务架构 一服务注册

在微服务中,不同的业务被拆分成不同的服务,不同的服务之间会相互依赖,而管理这些服务就变得尤为重要搭建服务注册中心服...

.net MVC 使用百度编辑器详细教程(1)配置编辑器

一、什么是百度编辑器百度编辑器UEditor是由百度web前端研发部开发一款应用于网站的编辑器,具有轻量,可定制,注重用户体...

解决iframe登录过期跳转登录页面嵌套问题

我们在登录信息过期之后,要跳转到登录页面。这时如果你用的是iframe框架的话,就会出现登录界面是嵌套在框架里面的,如下...

Xamarin android.permission.CALL_PHONE 的权限问题

写个电话拨号器,很简单就一个Edittext和一个button,用来输入号码并且点击按钮拨打电话,但是写好以后报的是安全错误,我上...

系统重装(二)安装Windows系统

嗨,大家好!上一篇我们介绍了如何制作windows系统U盘,这一篇就来介绍一下如何安装。上一篇链接请点击:http://www.tnblog...

mui学习二 调试状态看console.log等

看console.log上面点击一下即可也可以在浏览器上看把连接复制上去即可这样就可以了

mui学习三 mui事件

点击事件在浏览器上不行的问题mui的tag事件在浏览器上调试是不行的,要使用模拟器或者真机调试才行当然click事件还是可以执...