如何使用<form>标签从服务器请求文件

How to request file from server using <form> tag

本文关键字：服务器 请求 文件 标签 form 何使用      更新时间：2023-09-26

我需要能够使用托管在SVN服务器上的标签抓取特定文件（仅限文本文件）。用户将输入他们的用户名和密码以及文件名，如下所示： 

Username: John 
Password: ***** 
Filename: mySite.html

这是我的表格部分：

<form id="loginForm" action="requestFile()" method="post">
        <div id="loginWindow">
            <p class="signInText">Username</p>
            <input type="text" name="username" id="username" required="required" />
            <p class="signInText">Password</p>
            <input type="password" name="password" id="password" required="required" />
            <p class="signInText">File Name</p>
            <input type="text" name="filename" id="filename" required="required" />
            <input type="submit" value="Ok" id="submit" />
        </div>
</form>

用户单击"确定"后，网站将从服务器请求文件，并将文件的文本内容复制到同一页面上的文本区域中。然后，用户可以处理他们的文件，然后单击"保存"按钮将内容复制回服务器（可能通过替换原始文件）。"保存"功能是我稍后会想到的，但我需要建立与服务器的连接并请求和接收正确的文件。

可以通过一个网站访问服务器，该网站将有一个身份验证弹出窗口来询问用户名和密码，之后它将显示该位置的内容列表。因此，例如wwww.myWebServerLocation.com:8080/svn/Folder/file.html将请求用户名和密码，然后在浏览器中显示文件的内容。我只需要使用 .

编辑：我还没有实现"requestFile（）"函数。这就是我在实施时需要一点方向。

您需要使用

适当的身份验证标头从服务器发出 cURL 请求，以提供用户名和密码。

我假设您在服务器端使用 PHP：这应该可以帮助您实现解决方案：如何使用 HTTP 基本身份验证和 PHP curl 发出请求？

如果您尝试仅在浏览器中使用 JavaScript 来执行此操作，您将无法做到这一点，因为跨域策略阻止您从 Javascript 向外部域发出请求。

相关文章：