前端ajax上传图片和删除图片详细步骤

图片上传

第一步：

<form action="" method="post"
            id="form" enctype="multipart/form-data"></form>

第二步：

 图片上传：<input type="file" class="file" name="imgFile" id="file">

第三步：

$(function () {

     //上传文件 ======
    
        $(".file").change(function() {    
            
        var formData = new FormData($("#form")[0]);
        
        console.log(formData)
        formData.append('imgFile', $('#file')[0].files[0]);
        var id=$("#id").val();
            if($("#file").val() != "") {
             $.ajax({
                 type: "POST",
                 url:"app05SignetController.do?