html图片上传备忘录

利用到FormData对象,浏览器兼容还不清楚。

$('input[type="file"]').on('change',function() {
    var selfInput = $(this);
    var formData = new FormData();
    $.each($(this)[0].files, function(i, file) {
      formData.append('upload_file', file);
    });
     $.ajax({
        url:"{:U('api/oss/upload_courier')}", 
        type:"post",             
        data: formData,
        contentType: false,       
        cache: false,             
        processData:false,        
        success: function(data) {
          if (data.success) {
            selfInput.siblings('input[type=hidden]').val(data.url);
            //alert("图片上传成功,请告知管理员");
          } else {
            alert("图片上传错误,请告知管理员");
          }
        }
    });