Javascript 将图像设置为上载功能而不将其设置为输入

我处境艰难。我试图使一个图像成为一个上传按钮，但我根本无法更改该图像。。。然而，当你点击图片时，我让它调用一个JS函数，我可以把任何东西放进去

如何仅通过此功能启动浏览器上载？通常我只是将图像作为输入，但正如我所说，在这种情况下，我不能这样做

有没有人可以分享一个例子

下面是我的函数（称为图像的onclick）：

功能导入（elem）{
var$输入；
$input=$input | |$（“”）；
$（'#Import'）。追加（$input）；
$input.click（）；
$input.hide（）；
}

然而，当我运行它时，在第一次单击时，它会添加按钮，然后在第二次单击时，它会充当上载（并且不会隐藏在其中）

---

此外，我的控制台中也出现了一个奇怪的问题？

类似的问题可能会激发您的一些想法：

您不能仅仅通过调用某个东西来启动上载。这是一个安全问题。如果一个网站能够在用户不知情的情况下，通过启动上传，自动从用户机器上传数据，我可能还不清楚。我的意思是，我只是想让电脑文件浏览器出现，就像他们点击一样”，而不是在他们的电脑上自动上传内容。这太神奇了！正是我所想的。但是，我无法将其放在我预先存在的点击功能中。我用一些代码更新了我的问题（并在您添加的输入字段中添加了一个隐藏！）--您能帮我一个偶然的机会解决这个问题吗？很好用--在我的代码中遇到了一些问题。谢谢您的帮助！

 function fnImport(elem){
    var $input;

    $input = $input || $("<input type='file'>");
    $('#Import').append($input);
    $input.click();
    $input.hide();



    }