Jquery 自定义文件上载-删除文件输入字段

自定义文件上载问题-从此处开始

使用此代码将成功替换“文件浏览器”按钮，并按预期设置上载样式。 问题是，当使用它时，代码似乎删除了输入字段，而在提交表单时，

$\u FILES

数组是空的

表单编码正确（

enctype=“多部分/表单数据”

）

使用“浏览”并从本地文件系统中选择图像时，Id返回一个值（例如，

$（“#imageLogo”）.val（）

返回文件名）

当不使用JS包装器时，文件输入被正确传递

使用生成的代码

<script>$('input[type=file]').customFile();</script>


<div class="custom-file-upload">
    <div class="file-upload-wrapper">
       <input type="file" name="logo_file" id="logoImage" class="custom-file-upload-hidden" tabindex="-1" style="position: absolute; left: -9999px;">
        <input type="text" class="file-upload-input" title="a68a4029222401.55e8249a99c6b.jpg">
         <button type="button" class="file-upload-button" tabindex="-1">Select a File</button>
       </div>
   </div>

空的

因此，代码似乎正在被替换/删除，而表单则不知道文件元素（即使我可以访问原始文件）

当我删除运行此（

/$（'input[type=file]'）.customFile（）；

）的JS调用时，文件现在在提交表单时正确显示。。。？

---

非常感谢您的帮助。

对此我深表歉意，但解决方案是正确格式化HTML。 通过W3C验证程序运行后，显示包含div和表单的嵌套不正确。 因此，我的假设是，由于JS创建了一个新的输入字段，并且替换了原始字段，因为页面中的div在表单之后结束，新元素以某种方式被推到了表单之外

<form></form> 

而且没有提交。 可能有一种更为技术性的方法可以使用domlanuage编写，但基本上问题在于格式良好（或不好）的HTML

这里没有PHP Nessary，并且该字段最初没有提交。 谢谢你，切坦

<form></form>