Можно ли заменить файл с помощью Blob?

Question

Я работаю с онлайн-приложением, у которого у меня нет доступа к источнику, но я могу вставить javascript на нем через iframe, потому что я могу создавать страницы в том же домене.

Это приложение имеет форму он отправляет для загрузки файлов, а входы файлов, подумайте:

<form> 
    <!-- lots and lots of inputs --> 
    <input type="file" name="blah"> 
</form> 

Я хотел бы использовать эту форму, чтобы представить яваскрипт Blob для этого конкретного файла вместо файла с диска , не нарушая остальную форму. Как мне это сделать?

Answer 1

Это возможно с новыми свойствами XMLHttpRequest и FormData

Благодаря @musa за комментарий ;-)

Рассмотрим это (непроверенные) пример:

function sendFile() { 
    var content = "<hello>world</hello>"; // set here the content of your file 
    var blob = new Blob([content], { type: "text/xml"}); // set the type of content (eg: image/jpeg) 

    var formData = new FormData(); 
    formData.append('blah', blob); 

    var xhr = new XMLHttpRequest(); 
    xhr.open('POST', '/server', true); 
    xhr.onload = function(e) { 
    alert ('successfully (or not) sent'); 
    }; 

    xhr.send(formData); 
} 

Дополнительная информация:

• https://developer.mozilla.org/en-US/docs/Web/Guide/Using_FormData_Objects
• http://www.html5rocks.com/en/tutorials/file/xhr2/

Примечание: FormData is not supported by IE9 (and less)

Это то же самое для Blob