使用 jquery 函数上传图像或文件，无需 php 无需更多代码？ [关闭]

Question

我已经搜索了整个谷歌，但现在一无所获，我需要你们伟大的编码人员的认真帮助，我知道你们可以解决我的问题。

假设我需要通过 jquery 函数或仅使用 javascript 代码上传文件或图像，那会怎样。

这里我需要函数像这样工作。

<script>
    function jsFunction(){
            alert('Hello World!');
        };
</script>
<form action="#" onSubmit="jsFunction()" enctype="multipart/form-data">
    <input type="file" name="file" value="file">
    <input type="submit" name="submit" value="Submit">
</form>

在这段代码中，我描述了当文件被选择时，函数 jsFunction 将被调用，下一步应该是如何在 jquery javascript 中使用简单代码上传文件，而不需要任何 php 代码或任何其他代码。请帮我解决这个问题！

提前致谢！

Answer 1

您必须使用某种服务器端语言（如 PHP、ASP 或许多其他语言）来上传文件。没有解决办法。

这样想 - javascript 代码在客户端机器上运行.. 它并不真正关心托管网站的服务器。因此，如果仅使用 javascript 可以做到这一点，您应该能够将文件上传到任何服务器.. 而不仅仅是您拥有的服务器。这是一个安全问题。您的服务器必须“准备好”接收文件并正确处理它，例如验证文件的格式、限制大小、将其放置在正确的目录中并更改其名称等。

即使您想在不刷新页面的情况下执行此操作，您也必须创建一些服务器端文件，例如 upload.php 并使用 AJAX 请求将文件上传到服务器..

Valum's File Uploader 是一个处理 ajax 文件上传的开源项目。您可以将其用作插件。

Answer 2

您必须将文件上传到某处。某处需要准备好接受上传。给定一个已经支持 PUT 的服务器，您可以（理论上）使用客户端 JavaScript 来生成 HTTP PUT 请求（使用新的 File API 获取文件数据）以及需要任何身份验证标识，但这通常会由服务器端编程处理。

您可以使用 JavaScript 进行服务器端编程（给定合适的服务器端编程环境）。例如：Node.js with Express