使用javascript在本地将pdf保存在我想要的文件夹中

使用javascript在本地将pdf保存在我想要的文件夹中,javascript,html,Javascript,Html,我有一个用户,他将在我的web应用程序中插入一个pdf,其中包括: <input type="submit" id="pdf" class="btn" value="Add" name="btnAdd" onclick="savePdf()"> 我认为我有正确的解决方案来恢复文件,但我不知道如何将其保存到我想要的文件夹中。希望您能将我重定向到我使用过的函数,谢谢。

我有一个用户,他将在我的web应用程序中插入一个pdf,其中包括:

<input type="submit" id="pdf" class="btn" value="Add" name="btnAdd" onclick="savePdf()">

我认为我有正确的解决方案来恢复文件,但我不知道如何将其保存到我想要的文件夹中。希望您能将我重定向到我使用过的函数,谢谢。

因此我能够找到答案,我被迫使用ajax来完成这项任务

在输入中检索pdf:

var files = document.getElementById("pdf").files;
var formData = new FormData();
formData.append("file", files[0]);
调用ajax函数:

$.ajax({
   type: "post",
   url: "ajaxfile.php",
   processData: false,
   contentType: false,
   data: formData
}).then(function(response){
   console.log(response);
});
“processData”和“contentType”对于发送文件的正确功能至关重要

我的Php代码(ajaxfile.Php):


假设您指的是客户端JavaScript,那么单用JS是无法做到的。您需要通过AJAX将其提交到服务器端脚本(例如),并让服务器端代码将其保存到文件夹中。您认为我应该将该文件作为参数从AJAX发送到php函数,该函数将保存到我的文件夹中吗?试着参考此问题答案
$.ajax({
   type: "post",
   url: "ajaxfile.php",
   processData: false,
   contentType: false,
   data: formData
}).then(function(response){
   console.log(response);
});
<?php 
if(isset($_FILES['file']['name'])){
    // file name
    $filename = $_FILES['file']['name'];
    // Location
    $location = '../pdf/'.$filename;

    $response = 0;
    if(move_uploaded_file($_FILES['file']['tmp_name'],$location)){
        $response = 1;
    }   
    echo $response;
}