Javascript 将文件输入委托给div单击

我正在编写下面的代码片段。为什么我不能将文件上传委托给div

img框

？。我只想通过点击加号来隐藏原始输入并加载图像

$（'.img框'）。单击（函数（e）{
控制台日志（“测试”）；
e、 停止传播（）；
$（this）.find（'input[name=“image”]”）。单击（）；
});
.img盒{
最小高度：100px；
最小宽度：100px；
背景图像：url（“https://cdn4.iconfinder.com/data/icons/basic-ui-elements/700/07_plus-128.png");
保证金：0自动；
背景尺寸：40px 40px；
背景重复：无重复；
背景位置：中心；
}
输入{
显示：无！重要；
}
您使用
输入[type=image]
但它是
type=file
和
name=image

$(this).find('input[type="image"]').click();

你必须使用

$(this).find('input[name="image"]').click();

谢谢Osama，我更新了代码，现在又出现了新的错误，请重新运行代码段。您将在屏幕{“message”：“Script error.”，“filename”：“lineno”：0，“colno”：0}上看到它。此外，如果您关心性能，通过输入[name=“image”]选择元素并不是最快的方法。给您的输入一个ID，然后按ID$（“#myInputId”）选择。或者，您可以给您的输入一个class属性，并使用$（“.myInputClass”）选择它以获得快速性能