html模仿post请求

最新推荐文章于 2025-03-31 09:50:29 发布

^止境^

最新推荐文章于 2025-03-31 09:50:29 发布

阅读量1.4w

点赞数 3

分类专栏： html 文章标签： html post

本文链接：https://blog.youkuaiyun.com/qq_19897551/article/details/84313189

版权

html 专栏收录该内容

2 篇文章

订阅专栏

这篇博客介绍了如何通过HTML页面实现POST请求。用户在浏览器中打开HTML文件后，即可发起POST请求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.html页面如下保存为html文件，使用浏览器打开后可以实现html的post请求

<form name="input" action="lvms.ithaier.com/api/user/login" method="post" enctype="multipart/form-data" accept-charset="utf-8">
Username: <input type="text" name="username" placeholder="First name">
password: <input type="text" name="password" placeholder="First password">

    <input type="file" name="fileUpload" onchange="validate(this)"/>
    <input type="submit" value="上传文件" />
<a id="doUploadAffix" href="" >上传附件</a>
<input type="submit" value="Submit">
</form>
<script>
    //选择附件的时候直接验证附件的类型
    function validate( para) {
      var fileType = para.value.substring(para.value.lastIndexOf(".") + 1).toLowerCase();
      //如果数据库中设置的文件的后缀为*或者为空，则附件类型不受限制
      if ("*" == affixLimit || "" == affixLimit) {
        return true;
      } else {
        if (affixLimit.toLowerCase().indexOf(fileType) > -1) {
          return true;
        } else {
          $.messager.alert('<s:text name="message.warning"/>', '<s:text name="onlySupport"/>【' + affixLimit + '】<s:text name="affixType"/>');
          //清空文件选择标签
          para.select();
          //重绘标签
          para.outerHTML = para.outerHTML;
          return false;
        }
      }
    }
</script>

2.页面如下