html 上传文件时 选中文件后自动开始上传

来源:互联网 发布:linux中vim退出 编辑:程序博客网 时间:2024/06/18 14:53
<form  id="bootImg1" action="{{ path('acme_admin_app_dealBootImage') }}  " method="post"  enctype="multipart/form-data">    <div id="bootDiv1">        <input  type="file" name="pic" id="pic1" class="btn btn-info">        <br />        <input type="button" value="上传" onclick="return ajaxup(1);   ">        <input type="hidden" name="imgnum" value=1>        <div style="height:8px;"> </div>    </div></form><script src="{{ asset('public/js/jquery-1.9.1.min.js') }}"></script><script type="text/javascript">    function upload(){        var element = document.getElementById("pic1");        if("\v"=="v")        {            element.onpropertychange = uploadHandle;        }        else        {            element.addEventListener("change",uploadHandle,false);        }        function uploadHandle()        {            if(element.value)            {              // 事件监听到 有改变 就提交form表单                $('#putImg1',window.top.document).html($('<img src="/public/logo/bootImgloading.gif">'));                var ifname = 'up' + Math.random();                $('<iframe name="' + ifname + '" width="0px" height="0px;" frameBorder="0">  </iframe>').appendTo($('body'));                var bootForm =  $('form:first')                var bootForm = $('#bootImg1')                bootForm.attr('target',ifname);                bootForm.submit();//                document.getElementById('bootImg1').submit();            }        }    }</script><script type="text/javascript">    upload();</script>