There is a one-page application with a div, where the input is loaded, which will transfer the file to the web-api. The downloadable content has the following code:

$('#vps_scan_file').prop('data-url', 'my-url'); $('#vps_scan_file').fileupload({ url: $(this).prop('data-url'), method: "POST", forceIframeTransport: true, add: function (e, data) { data.context = $('<button id="upload_button">Загрузить</button>').appendTo($('#for_ie')); $('#upload_button').off('click').on('click',function () { $('#vps_for_scan').empty(); data.context = $('<p/>').text('Загрузка...').replaceAll($(this)); data.submit(); }); }, done: function (e, data) { /*Function after upload*/ } }); }; 
 <input type="file" id="vps_scan_file" name="files[]" class="btn" data-url="">

Jqury-iframe-transport, jquery-ui-widget and jquery-fileupload are connected to the page. Everything works in IE8-, for Chrome and IE10 + I use a different technology. The whole problem is in IE9 - it sends the file not to the address 'my-url', but to the main page where the content is loaded. What am I doing wrong?

    1 answer 1

    Found the only way out (for the current moment) is to display (if IE9) a link, when clicked, a new window opens with a page on which the IE8 mode is emulated with the help of the metatag.