Question

我正在尝试实现上传文件，我想先调用文件输入来选择文件，选中文件后，再进行表单提交。但是在我的代码中，它会立即调用表单提交。我尝试过使用ajax而不是工作。在用户选择文件后，我想以任何方式提交表单。但似乎无法找到一种方法等待文件输入点击功能的完成（我的意思是直到用户选择了一个文件）

这是我的HTML：

 <input type="text" id="body" name="body" >
 <button type="submit"  id="sent_1" value="Send">Submit</button>         
 <input type="file" id="image_file" name="image" size="chars">
 <button  id="send_img_btn" value="image">Image</button></td>

这是我的javascript：

    $('#send_img_btn').click(function(e){
          e.preventDefault();
    $('#image_file').click();
    $('#form').submit();
});

function imageClick(){
       $('#image_file').click();
}

function submit(){
       $('#form').submit();
}

编辑：也许我没有明确说出我的问题。问题是当时我点击按钮，它只是立即提交表格，而不是等我选择的文件。我希望它等我，直到我选择文件然后提交。

Answer 1

如果您想在选择文件后立即提交表单，请使用该输入的更改事件。

<form action="formActionUrl" name="myForm">
   <input type="file" name="myInput"/>
</form>

在剧本中

$(":file").change(function(e){
     $("[name=myForm]").trigger('submit');
});

Answer 2

在PS C:\Scripts> $a = 1..15 | % { Measure-Command { $G = Get-ADGroup -Filter * 1..3 | % { $G | ? {$_.Name -eq "TestGroup$($_)"} } } } $b = 1..15 | % { Measure-Command { $G = Get-ADGroup -Filter * 1..3 | % { $G | ? Name -eq "TestGroup$($_)" } } } ($a.TotalMilliseconds | Measure -Average).Average ($b.TotalMilliseconds | Measure -Average).Average 283.479413333333 212.57384标记中插入属性type="button"。默认情况下，<button>标记的作用类似于输入类型提交。

<button>

html输入文件在选择文件之前单击事件提交表单

2 个答案: