file-uploader:是否可以添加提交按钮而不是同步发送

时间:2017-05-03 13:33:20

标签: jquery jquery-file-upload

我正在使用这个jQuery插件:var sitemap = sm.createSitemap({ hostname: 'xxx.com', cacheTime: 600000, // 600 sec - cache purge period urls: urls }); 并且默认情况下它没有提交按钮,所以我试图找到一种方法来添加它(如果可能的话,不是手动)。这是我到现在为止所尝试的......

https://innostudio.de/fileuploader/

Javascript:

    <form id="drop-zone" onsubmit="return checkForm(this);" action="/path/to/page" method="POST" enctype="multipart/form-data" >
        <div class="col-lg-10">
            <div class="fileuploader">
                <input name="files" type="file">
            </div>  
        </div>
    </form>

1 个答案:

答案 0 :(得分:0)

有一些方法.. 一个例子

你可以添加一个隐藏按钮并调用它(你不会看到按钮):

      <input name="files" onChange="document.getElementById('simple').click()" type="file">
     <button type="submit" hidden="true" id="simple"></button>

你也可以添加一些javascript事件:

 <script>
   function submitted(){
       alert('Success!');
       }
 </script>      

     <input name="files" onChange="document.getElementById('simple').click()" type="file">
     <button type="submit" hidden="true" id="simple" onClick="submitted()"></button>

但还有一些其他形式/方式.. 如果你有一些具体的想法,你可以再问我们。