Javascript 如何更新元素属性的值，然后触发并单击它？

我想使用jQuery用type=“file”更新输入元素的属性“accept”的值，然后激活它的“click”事件。但在“接受”的值更改后，什么也不会发生。 这是我的密码

//html elements
<button type="button" class="abc" title="Select files from your computer" id="upload" onclick="updateExtension()"></button>
<input type="file" name="image" id="image" multiple="multiple" /> //this input field is hidden and is applied with jquery-file-upload

//jQuery function
function updateExtension(){
  $('#image').attr('accept', '.jpg, .png');
  $('#image').click();
}

//html元素
//此输入字段是隐藏的，并与jquery文件上载一起应用
//jQuery函数
函数updateExtension（）{
$（'#image'）.attr（'accept'，'.jpg，.png'）；
$（“#图像”）。单击（）；
}

您只需使用：

$( "#image" ).trigger( "click" );

有关jQuery触发器的更多信息。

简单方法使用以下方法：--

$（文档）.ready（函数（）{
$（“#单击”）。单击（函数（）{
//如果更新（div）内容
$（“.update_new_value”）.html（“输入内容”）；
//如果更改属性值
$（“#URL_change”）.attr（“href”https://www.changers.com/"); 
});
});

点击我

try$（'#image'）。触发器（'click'）而不是$（'#image'）。click（）@PrasannaVenkatesh try，结果与预期的相同。您遇到了什么问题facing@brk我不知道。当我点击按钮时，“accept”的值被更新，然后由于输入元素的类型是“file”，它的click事件将显示一个文件对话框，但在我的情况下，它不会显示任何内容，也不会在控制台中记录任何错误。看起来不错，检查一下这个小提琴。您在控制台中看到任何错误吗？