Question

我希望能够以正常形式包装bootstrap file input，当我点击上传（这是一个提交按钮）时，我希望文件正常上传而不是提交父表单。如果我可以从表单内部删除文件引导程序文件输入，这将很容易，但不幸的是我看不到删除它的方法。示例代码

＆＃13;

$(function(){
  $("#file").fileinput({
      uploadUrl:"\UploadTargetLink"
    });
  
  });

＆＃13;

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.3.1/js/fileinput.min.js"></script>

<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.3.1/css/fileinput.min.css" rel="stylesheet"/>

<form name="mainForm" action="\SomeAction">
  <input type="file" name="fileUpload" id="file"/>
  
  </form>

＆＃13;

我现在会考虑任何类型的黑客来完成这项工作。

由于

Answer 1

html和插件调用：

data.frame

HTML： “ ID = “” class =“file file-loading” /＆GT;

在fileinput.js中更改_upload单击函数以添加返回false然后它不提交： _uploadClick：function（e）{

        $uploadElement.fileinput({
            uploadUrl: '/module/perfrev/ajax-evidence-upload', 
            uploadAsync: true,
            maxFileCount: 10,
            multiple: true,
            uploadExtraData: {userReviewID:plugin.settings.userReviewID}
        })

使用bootstrap-file-input单击上载时停止表单提交

1 个答案: