自动保存草稿,但如何将图片(input file)如何丢到后端?不透过 form 的方式

我利用keyup事件使栏位可以自动保存到数据库

html

<input type="file" id="file" name="cover" accept="image/jpeg, image/png, image/jpg">

ajax

$('body').on('keyup', '#content, #title', function(e){

var content = $('.note-editable').html();
var title = $('#title').val();
var file = $('#file').val();

$.ajax({
      type: "POST",
      url: "auto-save",
      data: {
        "content": content,
        "title": title,
        "file": file
      },
      dataType: "text",
      success: function(data){

但有个问题
里面有个 input file,
我要如何使他能自动将档案丢到后端去?(当 input on change的时候)
但这不是form 形式,单纯取值丢后端
我发现加上了这个完全行不通呢

enctype: "multipart/form-data",
cache: false,
contentType: false,
processData: false,

如果不透过表单的方式,怎么抓到 input file 的图片文件,好让我可以move_uploaded_file?

阅读 542
评论 更新于 2018-11-07
    4 个回答
    评论 赞赏 2018-11-07
      Object
      • 2.4k

      一般更多方式
      采用formdata和h5的file
      图片经后端返回路径或标识给前端

      评论 赞赏 2018-11-07
        零玖
        • 7.8k

        自动保存不建议使用keyup,而是 interval或者timeout递归。
        上传图片可以用formdata

        评论 赞赏 2018-11-07
          评论 赞赏 2018-11-07
            撰写回答

            登录后参与交流、获取后续更新提醒