Javascript 如何将文件发布到php服务器文件夹_Javascript_Php_Html

Javascript 如何将文件发布到php服务器文件夹

javascript php html

Javascript 如何将文件发布到php服务器文件夹,javascript,php,html,Javascript,Php,Html,下面的代码不起作用，你知道怎么了吗？我正在尝试将图片从计算机发送到XAMPP服务器上的图片文件夹。成功功能可以工作，但是当我检查图片文件夹时，那里什么也没有 <script> function UploadPicture(){ var file = document.getElementById("pictureinput").files[0]; var formdata = new FormData(); formdata.append("upl

下面的代码不起作用，你知道怎么了吗？我正在尝试将图片从计算机发送到XAMPP服务器上的图片文件夹。成功功能可以工作，但是当我检查图片文件夹时，那里什么也没有

<script>
    function UploadPicture(){

    var file = document.getElementById("pictureinput").files[0];

    var formdata = new FormData();
    formdata.append("uploadme",file);


    $.ajax({
                type: "POST",
                url: "http://localhost:8080/Pictures",
                data: formdata,
                processData: false,
                contentType: false,
                success: function () {
                    alert("Data Uploaded: ");
                }
            });
    }

    </script>



    <body>
        <div class=container-fluid style="background-color:#6c87cf">
        <div class="row">
        <div class="col">
                <input type="file" accept=".JPEG,.PNG,.JPG" id="pictureinput" name="pictureinput" oninput="ShowPicture();"></div>

                <div class="col"><btn class="btn btn-success" onclick="UploadPicture();">Send Picture</btn></div>
    </div> </div>

</body>


函数UploadPicture（）{
var file=document.getElementById（“pictureinput”）.files[0]；
var formdata=new formdata（）；
append（“uploadme”，文件）；
$.ajax({
类型：“POST”，
url:“http://localhost:8080/Pictures",
数据：formdata，
processData:false，
contentType:false，
成功：函数（）{
警报（“上传数据：”）；
}
});
}
发送图片

正如cabrerahector所说，您需要一种服务器端语言来处理临时文件并将其实际移动到一个目录中。我个人对这一过程的了解很少，安全一点确实有帮助，但如果这只是一个本地主机，那么由您来控制。

包括关于哪些不起作用的详细信息。PHP有错误吗，JS开发者控制台有错误吗？我可以使用success函数，但是当我检查文件夹图片时，里面什么都没有。脚本中处理文件上传的PHP部分在哪里？没有它，我们就无法帮助你。有关详细信息，请参阅。@cabrerahector我需要PHP脚本吗？我以为它会把它送到文件夹里。是的。服务器不知道如何处理通过Ajax发送的数据。你需要告诉它怎么处理它。您需要使用PHP（或任何其他服务器端语言，但通常是PHP）来处理它。