Я представляю форму multipart/form-data, как показано ниже. Здесь форма нацелена на iframe.
<form id="upp" method="post" action="sample.jsp" name="upform" enctype="multipart/form-data" target="my_iframe">
<input type="hidden" name="todo" value="upload">
<input id="haa" type="file" name="uploadfile" size="50">
</form>
<iframe id="my" name="my_iframe" scrolling="no" src="sample.jsp" frameBorder="0">
</iframe>
И сценарий, который я использовал, - это
$('#haa').change(function() {
$('#upp').submit();
});
Теперь как я могу поместить загружаемое изображение (.gif), пока файл загружается в iframe.
Вот решение с демонстрацией: http://www.itgeared.com/articles/1508-display-gif-loading-iframe-jquery/
Что вам нужно включить, это в основном некоторые javascript, как
<script>
$(document).ready(function () {
$('#iframe1').on('load', function () {
$('#loader1').hide();
});
});
и некоторые css, которые вы скрываете после загрузки содержимого:
#loader1 {
position:absolute;
background:#ffffff;
}
вы можете заменить цвет фона любым URL-адресом (изображение...)
load
. По умолчанию показывает gif загрузки, а затем скрывает ее при загрузке iframe.