php - 使用 JQuery 和 AJAX 将文件数据发送到文件输入元素

Question

我使用 JQuery 库来裁剪图像，单击裁剪按钮后，裁剪的图像（结果）通过 AJAX 作为“文件数据”发送回 HTML 页面，如下所示：

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAA
CMCAYAAACuwEE+AAAgAElEQVR4nOy8d7hdVZ3/z/xmfH4z83y...

我想将此结果作为普通图像文件发送到服务器，但我不知道如何将数据“附加”到<input type="file" name="image" id="ajaxresult" hidden>.

我试过$("#ajaxresult").value(result);了，但没有运气。服务器说它的null。

标签： phpjqueryajax

Answer 1

   var formData = new FormData($('#formid')[0]);
  formData.append('image', $('input[type=file]')[0].files[0]);
  $.ajax({
    url: path,
    data: formData,
    type: 'POST',
    contentType: false, // NEEDED, DON'T OMIT THIS (requires jQuery 1.6+)
    processData: false, // NEEDED, DON'T OMIT THIS
    success:function(){

    }
  });