Javascript 从输入类型获取文件'；文件'；并使用jquery移动到特定文件夹（不使用表单标记和提交按钮）

下面是我的HTML、JQUERY和PHP代码

如何使用jQuery获取特定文件夹或项目目录中的文件，而不使用表单标记和提交按钮

我已经创建了一个html页面，这个

在我的html页面中。我想上传两个图标或图像文件，并使用jQuery和AJAX将其存储到我的项目目录或

img

文件夹中

html:

<div id="serve" class="col-md-6" style="display: none;">
<span class="col-md-6"><h3> Add Service Details</h3></span><br><br>
<span>Select Icon for Service : </span>&nbsp;<input type="file" id="icon" class="form-control pad">
<input type="text" id="title" placeholder="Title" class="form-control pad" />
<textarea rows="5" id="desc" class="form-control pad" placeholder="Description"></textarea>
<span>Select Icon for Description : </span>&nbsp;<input type="file" id="icondesc" class="form-control pad">
<button id="adds" class="btn primary-btn">Add</button>

$('#adds').click(function(){
        var filename = $('#icon').val().replace(/C:\\fakepath\\/i, 'img\\');
        var extension = filename.substr(filename.lastIndexOf(".") + 1);
        var icon = filename.replace(filename, $.now() + '.' + extension);
        var title = $('#title').val();
        var desc = $('#desc').val();
        var filename1 = $('#icondesc').val().replace(/C:\\fakepath\\/i, 'img\\');
        var extension1 = filename1.substr(filename1.lastIndexOf(".") + 1);
        var descicon = filename1.replace(filename1, $.now() + '.' + extension1);

        // uploadFile();
        $.post('indexaction.php',{
            icon: icon,
            title: title,
            desc: desc,
            descicon: descicon
        }, function(data){
            // var data = JSON.parse(data);
            console.log(JSON.stringify(data));
            $('#showservice').show();
            $('#showportfolio').hide();
            $('#serve').hide();
            $('#port').hide();
            $(function() {
                    $.each(data, function(index,data){
                        var someRow = "<div> "+data.icon+" </div><br><div> "+data.title+" </div><br><div> "+data.description+" </div><br><div> "+data.descicon+" </div><br>"; 
                        $('#showservice').html(someRow);
                    })
                });
        },'json');

    })

---

}

到底是什么不适用于所有这些代码？文件无法存储到img文件夹中，会发生什么情况？你试过调试你的代码吗？是否记录了任何错误消息？数据库中只存储了文件名，您尝试调试该问题的原因是什么？

if(isset($_POST['icon'])){

$icon =  $_POST['icon'];
$dir = "img/";
move_uploaded_file($_FILES[$icon]["tmp_name"], $dir. $_FILES[$icon]["name"]);
$descicon =  $_POST["descicon"];
move_uploaded_file($_FILES[$descicon]["tmp_name"], $dir. $_FILES[$descicon]["name"]);

$insert = "insert into service values('','".$icon."','".$_POST['title']."','".$_POST['desc']."','".$descicon."')";
mysqli_query($con, $insert);

$select = "select * from service";
$res = mysqli_query($con,$select);
$dataabc = array();
while($row = mysqli_fetch_assoc($res))
    $dataabc[] = $row;
echo json_encode($dataabc);