＜input type=“file“ /＞获取的file.type为空字符串

最新推荐文章于 2024-08-16 11:11:34 发布
最新推荐文章于 2024-08-16 11:11:34 发布
阅读量1.9k 收藏 1
点赞数 1
分类专栏： 微信公众号 H5 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43096825/article/details/108310894
版权

用户需要在企业号上传word等文件，前端根据获取到的文件的type属性进行判断是否可以上传"application/msword"，在手机上上传没有问题，但是在某一个用户的电脑上却出现了通过获取到的file对象中，type属性为""，
在这里插入图片描述
在网上查找各种资料后得到的结果：
浏览器中获取不到type属性不一定是代码的原因，而是系统中所安装的Microsoft Excel软件或注册表的原因，另外在MDN中的File对象中也找到这也一句描述：基于当前的实现，浏览器不会实际读取文件的字节流，来判断它的媒体类型。它基于文件扩展来假设；重命名为 .txt 的 PNG 图像文件为 “text/plain” 而不是 “image/png” 。

**开发者最好不要依靠这个属性，作为唯一的验证方案。**
红泥砖
关注
专栏目录
上传文件后获取到的file.type为空字符串?
薄荷
07-13 2210
问题：今天项目上遇到了一个问题，用户上传文件，前端根据获取到的文件的type属性进行判断是否可以上传，但是在个别用户的电脑上即使使用同一个文件上传却出现通过获取到的file对象中，type属性为""，于是找各种资料希望了解浏览器是如何获取这个type属性的，为什么同一个文件不同的电脑获取到的属性不一样。 MIME Type是什么 MDN上解释，MIME Type （Multipurpose Internet Mail Extensions (MIME) type）是一种标准化的方式来表示文档的性质和
html读取input type=file文件内容
lyn1772671980的博客
08-21 5792
<input id="uploadInput" type="file" class="file_input" name="myFiles" onchange="UpdateOnChange(this);" multiple>上传文件 function UpdateOnChange(that){ redFile(that,function(name,data){ var di...
由<input type="file" />获取的file.type为空字符串引申浏览器是如何获取文件的MIME类型...
weixin_34037173的博客
12-06 1661
前言   今天项目上遇到了一个问题，用户需要导入一个从我们服务器上下载的EXCEL文件，前端根据获取到的文件的type属性进行判断是否可以上传["application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", "application/vnd.ms-excel"]，但...
解决部分浏览器上传文件类型fileType为空
最新发布
Florenza的博客
08-16 477
搜狗浏览器部分电脑上传文件后文件类型 file.type 为空 (组件上传用的 ElementUI)
input file request.files[] 为空
07-15 368
需要在 form 里设置 一句话 ：$('form').attr("enctype", "multipart/form-data"); <form enctype="multipart/form-data" ID="form1" runat="server">才能提交文件 转载于:https://www.cnblogs.com/90nice/p/3191344.htm...
判断 input type="file"上传文件是否为空
热门推荐
qq_24890901的博客
06-19 1万+
记录下解决的问题：用js判断 input type="file"上传文件是否为空，若为空或者上传的文件内容为空，则给出提示。 参考链接： jquery判断 input type="file"上传文件是否为空（files属性）， 用form表单input type="file"上传文件（提交前判断）（在提交成功后可清空选择的文件） 另外，在后台中判断的代码可以参考该链接：JAVA判断上传表单中fil...
input type=‘file‘ 已选文件置空
Duo_er的博客
04-26 638
使用场景：批量上传文件时，若当前上传的文件与上次上传的文件完全一致，则会导致change事件不被触发，此时需要将input中已选文件置空。
input[file]为空，ios手机，ajax上传表单失败，404，408 错误码
beyond__devil的博客
09-11 1727
项目中，目前都尽量采用 ajax 上传表单，然后根据返回值进行提示，感觉用户体验好点。 最近出现一个问题： 苹果部分型号的手机，在微信中，完善个人信息页面，ajax上传表单时，未选择头像，出现失败问题。 查看 nginx 返回 408、400 的错误，ajax 进入 error 回调。 碰到这种兼容性问题，真的很纠结，查看了各种资料，最终找到了解决方案。 原因是：safari 浏览器部...
elementUI的upload组件上传.rar文件时before-upload返回的file.type为空
krico233的博客
04-14 2260
可以看到，上传.zip压缩文件时候是没问题的 但是，上传.rar文件的时候type这个字段却会返回空 这时候在before-upload的钩子里面通过file.type来校验文件类型就行不通了，这时候可以采用正则的方法把扩展名截出来，然后进行校验，例如 beforeAvatarUpload(file){ var FileExt = file.name.replace(/.+\./, ""); if (['zip', 'rar','gz',".apk"].indexOf(FileExt.to
input type=file 显示的浏览 改成英文
06-30
本篇文章将详细讲解如何将`<input type="file">` 控件的“浏览”按钮和提示改为英文。 首先，我们需要理解`<input type="file">`的基本结构和属性。这个标签创建了一个可以点击的区域，用户可以通过点击打开本地...
input[type='file']获取上传文件路径案例
ddr66288的博客
06-09 7987
最近在项目时，需要获取用户的上传文件的路径，便写了一个demo： <body> <input type="file" name="" value=""> <script> var input = document.getElementsByTagName("input")[0]; console.log(inp...
vue 清空input标签 中file的值操作
11-20
当用户选择文件后，`onUpload`方法会被调用，此时通过`this.$refs.pathClear`获取到`<input type="file">`元素的引用，然后将其`value`属性设置为空字符串，从而清空文件选择状态。 除了使用Vue的`$refs`机制，还有...
input type=file 及时预览图片
01-06
`readAsDataURL` 方法会将文件内容读取为一个数据URL，这是一个包含图片数据的字符串，可以直接用作`<img>`元素的`src`属性。当读取完成时，`onload`事件触发，我们在其中创建一个新的`<img>`元素并将其添加到页面中...
html上传文件判断为空,jquery判断 input type="file"上传文件是否为空
weixin_29214335的博客
06-04 752
要想获取type="file"的input内容，用varfile=$("id").val();肯定是不行的，下面是代码：html上传按钮为：提交js代码：function submitXML(){var fileInput = $('#reportXML').get(0).files[0];console.info(fileInput);if(fileInput){$("#reportXML...
项目（踩坑）_vue中使用input file类型的时候获取不到当前的inputFile对象
weixin_30457465的博客
08-17 2196
一、解决方法： <template>中 <script>中 转载于:https://www.cnblogs.com/xxm980617/p/11367946.html
判断 input type=file上传文件是否为空
杂谈碎记
06-30 9381
前题：作者本人还未学习任何框架。目的：在servlet里判断前端input标签上传的数据是否为空。                        //1.获取上传组件 SmartUpload upload=new SmartUpload(); //2.初始化组件 upload.initialize(getServletConfig(), request, response); //...
Android5 文件格式,安卓手机中使用html的input file，获取不到文件类型和文件名
weixin_35735398的博客
05-26 295
看来这个问题还是比较难解决的，那我就自己来解决一下吧既然直接读取file.type是空字符串，那就只能从文件流里面读取文件头信息了。参考题中的链接方案，这里优化了一下function checkFileType(type, file, back) {/*** type png jpg mp4 ...* file input.change=> this.files[0]* back callb...
JS将input中获取的File转换为XML字符串源码和解释
qq_43017644的博客
02-16 578
【代码】JS将input中获取的File转换为XML字符串源码和解释。
＜input type=‘file‘ ＞的选中对象信息获取的三种方法！
weixin_45465901的博客
10-12 4998
浏览器有禁止访问本地资源的限制！造成你想要获取到本地图片或者文件资源获取失败的问题！经过一些列的搜索！发现复制的别人复制的博客，简直千篇一律，有些时候并不是你想要的，例如我就是用的vue就不想引用太多js库，就直接用原生的去获取文件！ 获取本地文件资源的有两种方式！另外一种是获取自己公司图片资源服务器的方式！ 第一种是使用jquer + new FileReader()； 代码如下： function toBase64(){ var file = document.querySelector
<form action="unload.php" method="POST" enctype="multipart/form-data"> <table id="myTable"> <thead> <tr> <th contenteditable="true" ><input type="text" oninput="filterTable(1)" placeholder="aoiStep" ></th> <th contenteditable="true" ><input type="text" oninput="filterTable(2)" placeholder="defectType" ></th> <th contenteditable="true" ><input type="text" oninput="filterTable(3)" placeholder="layerCode" ></th> <th contenteditable="true" ><input type="text" oninput="filterTable(4)" placeholder="type"></th> <th contenteditable="true" ><input type="text" oninput="filterTable(5)" placeholder="dpet" ></th> <th contenteditable="true"><input type="text" oninput="filterTable(6)" placeholder="subcode" ></th> <th contenteditable="true" ><input type="text" placeholder="codeDescription" ></th> <th contenteditable="true" >image1</th> <th contenteditable="true" >image2</th> <th contenteditable="true">image3</th> <th contenteditable="true" >image4</th> <th contenteditable="true" >image5</th> <th contenteditable="true" ><input type="text" placeholder="determination_rule"></th> </tr> </thead> <tbody> <tr> <td input type="text" name="aoi_step">3</td> <td input type="text" name="defect_type">Particle</td> <td input type="text" name="layer_code">ACT</td> <td input type="text" name="type">Particle</td> <td input type="text" name="dpet">ACT</td> <td input type="text" name="subcode">Particle</td> <td input type="text" name="code_description">ACT</td> <td><input type="file" name="image1_path" onchange="previewImage(this);selectCell(this)" onclick="showPopup(this.src)" style="width: 100px; height: auto;"></td> <td> <input type="file" name="image2_path" onchange="previewImage(this);selectCell(this)" onclick="showPopup(this.src)" style="width: 100px; height: auto;"> </td> <td> <input type="file" name="image3_path" onchange="previewImage(this);selectCell(this)" onclick="showPopup(this.src)" style="width: 100px; height: auto;"> </td> <td> <input type="file" name="image4_path" onchange="previewImage(this);selectCell(this)" onclick="showPopup(this.src)" style="width: 100px; height: auto;"> </td> <td> <input type="file" name="image5_path" onchange="previewImage(this);selectCell(this)" onclick="showPopup(this.src)" style="width: 100px; height: auto;"> </td> <td input type="text" name="determination_rule">Particle</td> </tr> </tbody> </table> <button type="submit">提交</button> </form> </div>这是我网页表格的代码，是否存在问题导致无法插入数据库
07-24
根据您提供的网页表格代码，我看不到明显的问题。但是，我注意到以下几点可能需要注意： 1. `<td>` 元素中的输入字段应该使用 `input` 标签的 `value` 属性来设置值，而不是使用 `input` 标签本身的 `type` 属性。例如，将 `<td input type="text" name="aoi_step">3</td>` 更改为 `<td><input type="text" name="aoi_step" value="3"></td>`。 2. 在插入语句中，文件路径字段（如 `image1_path`、`image2_path` 等）应该是字符串类型的绑定参数，而不是直接将文件上传字段插入到数据库中。您可以在插入操作之前，将上传的文件保存到服务器上，并将文件路径存储在数据库中。 3. 请确保 `unload.php` 文件中包含正确的数据库连接代码，并且接收并处理来自表单的数据。 如果您尝试了以上建议仍然无法解决问题，请提供更多关于问题的详细信息，例如错误消息、插入操作的代码和数据库表结构，以便我们能够更好地帮助您解决问题。祝您成功！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值