juqery实现表单上传文件

最新推荐文章于 2023-12-19 23:41:38 发布

Alisane

最新推荐文章于 2023-12-19 23:41:38 发布

阅读量194

点赞数 1

分类专栏： JavaScript jQuery

本文链接：https://blog.csdn.net/wsymcxy/article/details/100071820

版权

本文介绍了如何利用jQuery处理HTML表单中的文件上传操作，包括选择文件、提交表单以及使用Ajax进行无刷新上传的实现步骤。

摘要由CSDN通过智能技术生成

        <p>
           <span class="file-mg">*</span>附件：<input id="first-but" name="0" type="button" class="input-but" value="申请表上传" ><span>【点击下载】</span><span class="filename"><a href="/index/htm/partner/download/申请表模板.docx">申请表（模板）</a></span>
        </p>

        <!--enctype 属性规定在将表单数据发送到服务器之前如何对其进行编码。 只有 method="post" 时才使用 enctype 属性。-->
        <!--
        application/x-www-form-urlencoded	默认。在发送前对所有字符进行编码（将空格转换为 "+" 符号，特殊字符转换为 ASCII HEX 值）。
        multipart/form-data	不对字符编码。当使用有文件上传控件的表单时，该值是必需的。
        text/plain	将空格转换为 "+" 符号，但不编码特殊字符。
        -->
        <form id="uploadFormOne"   enctype="multipart/form-data">
            <input id=