Ajax使用jQuery在iframe中上传PDF

Question

我有问题，我需要一些帮助。我只想用Ajax上传一个带有输入类型文件的文件。然后在不重新加载页面的情况下，在iframe上的我的表单下显示这个pdf。我开始是这样的：

$('#myform').on('submit.pdf-add', function(e){
    e.preventDefault();
    var $form = $(this);
    var url= $form.attr('action');
    $.ajax({
        type: "POST",
        url: url,
        data: {},
        dataType: 'json'
    })
    .done(function(data){
        if ($('input[type=file]').val().length != 0) {
            data_parsed = data;
            $('<p class="success">Le pdf a été uploadé avec succès !</p>').append($form);
            $form.append('<iframe src="'+ data_parsed +'" width="100%" height="95%"></iframe>');
            $form.off('submit.pdf-add');
        } else {
            $('<p class="fail">Le pdf est inexistant !</p>').append($form);
        }
    })
    .fail(function(data){
        console.log(data);
        $("<p class='fail'>Le fichier n'a pas été uploadé</p>").append($form);
    });
});*

我知道File API更好，但我需要跨浏览器支持！谢谢！