jeesite上传附件总是JS报错但不影响功能（已解决）

最新推荐文章于 2024-04-06 19:18:28 发布
最新推荐文章于 2024-04-06 19:18:28 发布
阅读量2.2k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： jeesite前端，jeesite html javascript jquery js，jeesite上传JS报错 jeesite上传$(...).val(...) is undefined，jees 文章标签： jeesite上传 jeesite上传总js报错 jeesite上传JS找不到id jeesite上传....val...
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/u012374381/article/details/76991036

最近做政府厂里的中小型项目，要用到client,避免每个js报错，不然有弹框显示，因为这个原因，上传附件那个就是个坑，一直报错，但不影响功能。

上传附件一直报错 于是我就短暂时间的遇坑找坑 最后还想用try catch去解决，然而不行。放弃是不行的。

所以呢，漫长之旅。。

jeesite前端框架 自带上传 改掉写法 必然有问题 不过 肯定有解决方法的，这是jeesite 上传


用path正确方式（未修改官方）






传统 input解决

用input方式 （错误）因为这个 input id在方法下面 仔细看第二张图  你或许能看出来




正确方式 传统input方法（id在 方法上面 肯定也能获取到的，毕竟嘛 程序从上往下，算了不说了，博主最近用的是jeesite开发，有什么不懂可以问我哟 也许能帮到的哦）

或者你在 form表单下面加一个

<

也可以的。
建议就把 input 和 sys 两个 换个位置，这样避免了提交空值为逗号。。。。总之 id就要在 sys：skfinder上面

以上就是本次博客 解答方案。

希望能帮助大家！！O(∩_∩)O~

jeesite同一表单多fileupload图片上传失败，bizType保存失败
淘淘小窝
07-27 860
jeesite表单包含多个fileupload回显失败，bizType 保存失败
jeesite上传图片到数据库并解析展示
09-20
jeesite上传图片到数据库并解析展示，项目中的选手信息展示了该功能
屏蔽js报错(不影响功能的js报错)
yxking1的专栏
09-07 1234
function killerrors() { return true; } window.onerror = killerrors; //-->       以上代码可以忽略所有JS错误，如果不用于调试的话，可以把这断代码加上
jeesite 附件上传
Yang950831的博客
09-17 1116
html <% layout('/layouts/default.html', {title: '销售订单管理', libs: ['validate','dataGrid','fileupload']}){ %> <h4 class="form-unit">${text('附件上传')}</h4> ...
前端启动报错 但不影响使用问题
ygq_zj的博客
04-17 328
解决办法：找到build目录下面 webpack.base.conf.js文件中 createLintingRule方法 然后注掉方法里面的内容 重新运行即可。原因：exlint的语法检测太严格了。
js报错页面HTML还加载嘛,JS相关概念
weixin_42350914的博客
06-03 268
1.CSS和JS在网页中的放置顺序是怎样的？css文件放在head闭合标签里面，script文件放在body闭合标签的底部2.解释白屏和FOUC白屏：第一种：打开浏览器，请求网页后出现短暂的页面无任何内容第二种：请求网页后首先出现js功能，比如弹框，但是弹框下面没有任何网页内容第一种出现的原因有两种：1，在谷歌或IE浏览器中，css文件放在html的底部，html文件和css文件下载完成到浏览器后...
如何可以上传多个文件
cxfjava的博客
01-09 493
&lt;input type="file" id="input"  multiple="multiple"&gt;   增加multiple="multiple" 属性
js上传附件遇到的坑
蜗牛快爬
10-26 847
前言 我们都知道js上传附件两种方式 ，一种是FormData对象提交，一种是流，但是用的最多的还是formdata,直接以文件形式上传，这种方式相对简单易理解，下面介绍一下我在使用formdata时遇到的一个较奇葩的问题。 1、准备文件标签 2、js获取文件对象和其他参数对象 3、创建FormData对象存储文件和其他参数信息。 4、通过Ajax发送请求，传递参数。 5、服务端我用的是webap...
详情一个js报错导致整个页面瘫痪问题
qq_38653748的博客
04-17 934
我们之前一段时间 进行了M站详情页的改版： 为了好维护和活动做降级处理：由原先的一个接口根据功能拆为为多个接口 为了后端挂了，前台依然显示内容：由原先的PHP 套页面改为后来的前后端分离，由后端返回json串，前端解析显示 在测试过程当中，发现了一个致命的问题： 一个js报错，导致整个页面瘫痪，这个跟我们之前所做的优化本质是完全不一样的 后来发现前端是将js写了一个生命周期的模式，也就是...
Jeesite 错误信息汇总
weixin_33795743的博客
11-16 477
2019独角兽企业重金招聘Python工程师标准>>> ...
Jeesite1.2.7中ckeditor3.6.4版本的flash改为支持mp4视频格式
weixin_33918357的博客
06-25 329
2019独角兽企业重金招聘Python工程师标准>>> ...
jeesite文件上传使用笔记
weixin_34307464的博客
05-13 1240
2019独角兽企业重金招聘Python工程师标准>>> ...
屏蔽JS出错的显示
lance_lot1的专栏
12-19 665
在做项目的时候，会有一些显示JS错误，在不影响功能的正常使用的前提下，可以将JS错误信息屏蔽掉，方法如下： window.onerror=function(){return true;};
【无标题】
qq_42238110的博客
10-23 792
1.基本数据类型-string:引号(“” 双引号,''单引号,``反引号/模板字符串—英文状态下横着的数字键盘1的左边)引起来的数据就是字符串类型。4.8.获取选择器 innerHTML将内容渲染到页面上,会覆盖之前的内容,会识别html标签。4.7write输出到页面上 body标签中,不会覆盖之前的内容,会识别html标签。在操作节点(增删改),节点/元素还没有创建成功,再去修改样式就会获取不到元素，报错。(1)引入外部JS文件的script中不可以写代码。比如:java是强类型语言,声明变量。
jeesite ckfinder mac/linux 文件上传路径设置
weixin_30407099的博客
04-16 394
背景： 如果你使用的是Mac 或者 Ubuntu 这种 Unix系统的话，你一定知道Unix系统的文件路径分隔符是 / 而Windows系统文件分隔符是 \ 当你设置了jeesite.properties 中的 userfiles.basedir=D\:\\workspace\\jeesite 如果不设置，上传的路径会是：dir = ServletContextFactory.getS...
JEESITE快速开发平台（十）内容管理模块 功能说明
weixin_30296405的博客
05-14 364
1.管理功能 1.1.内容管理 1.1.1.内容发布 1.1.1.1.概述 l栏目列表：以树结构方式显示网站整体设置的栏目，点击在右侧可管理当前栏目的信息。 l文章列表：当前栏目如果为文章模型的话，左侧则显示文章列表，如果为链接模型，左侧则显示链接列表。 l内容模型，包括：新闻文章、友情链接： 1、文章模型：对新闻、资料进行管理 1)强大的可视化内容在线编辑器：提...
jeesite学习总结-调用静态文件
chen25362936的专栏
02-08 357
jeesite学习总结-调用静态文件
如何定位和解决：前端经常出现Script error
webfunny2020的博客
04-06 6968
Hello，大家好。。Script error.这个错误非常的高傲和神秘，为什么呢？因为它出现的时候，不会给你提供任何有关它的线索。正常我们写的前端代码报错的时候，浏览器通常抛出错误代码的行列号，以及它的堆栈代码，这样我们就可以快速定位到错误的位置。而这个错误发生的时候，连根毛的线索都没有提供，有毛的线索吗 ，一根都没有。那么它凭什么这么嚣张呢？
jeesite 子表增加附件管理功能代码
最新发布
09-12
Jeecsite是一个基于Spring MVC的企业级Web应用框架，它提供了一套完整的后台管理系统模板。要在Jeecsite的子表中添加附件管理功能，通常需要在模型层处理文件上传、数据库存储关联，以及前端展示和下载。以下是一些基本步骤的概述： 1. **模型（Model）** - 创建一个新实体类来存储文件信息，如`Attachment`，包含字段如`id`, `tableName`, `columnId`, `fileName`, `filePath`等。 ```java public class Attachment { private Integer id; private String tableName; private Long columnId; private String fileName; private String filePath; // getters and setters } ``` 2. **控制器（Controller）** - 在处理用户上传文件的POST请求时，使用`MultipartFile`来接收文件，并保存到服务器目录，同时将相关信息持久化到数据库。 ```java @PostMapping("/upload") public String uploadFile(@RequestParam("file") MultipartFile file, @RequestParam("table") String tableName, @RequestParam("id") Long columnId) { Attachment attachment = new Attachment(); // 处理文件上传 try { // 检查文件是否有效 if (!file.isEmpty()) { // 将文件移动到服务器指定目录 File dest = new File(UPLOAD_PATH + "/" + file.getOriginalFilename()); file.transferTo(dest); // 设置附件属性并保存到数据库 attachment.setFileName(file.getOriginalFilename()); attachment.setFilePath(dest.getAbsolutePath()); // ... 进行数据库操作 } // 返回结果或跳转至其他页面 } catch (Exception e) { e.printStackTrace(); } return "redirect:/table/" + tableName; } ``` 3. **视图（View）** - 使用HTML表单来允许用户选择文件上传，并显示已上传的附件列表。 ```html <form action="@{/upload}" method="post" enctype="multipart/form-data"> <input type="file" name="file" /> <input type="hidden" name="table" value="${tableName}" /> <input type="hidden" name="id" value="${columnId}" /> <!-- 其他表单字段 --> <button type="submit">上传</button> </form> <!-- 显示附件列表 --> <ul> <c:forEach items="${attachments}" var="attachment"> <li><a href="${attachment.filePath}">${attachment.fileName}</a></li> </c:forEach> </ul> ``` 请注意这只是一个基础示例，实际项目中可能需要考虑更多细节，如错误处理、分页显示、权限验证等。具体代码会因Jeecsite版本和项目的具体配置有所不同。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值