Javascript 如何使用<；的方法创建jQuery插件；输入类型="；文件"；

昨天我开始学习JavaScript/jQuery。所以我的问题似乎很简单

第一部分-已完成

我创建了HTML代码，您可以在下面看到。它只是为了选择一些文件并显示它们的名称+这里有一个按钮，看起来像图片。图像而不是典型的

输入
{
//显示：无；
}
居中
{
填充：20px；
}
friendlyInputFile=函数（）
{
var input=document.getElementById（'file'）；
var output=document.getElementById（'fileList'）；
output.innerHTML+=''；
对于（var i=0；i'；}
}


选择图像：

差不多一年后，我又回到了工作岗位，我终于明白了 下面是第二部分-最终完成。

我清理了我的HTML文件并删除了一些多余的代码。以下是HTML文件：

$（函数（）{
$（“#inputFile”）.friendlyInputFile（）；
});

我发现一个打字错误。将选择器更改为#inputFile$（函数（）{$（“inputFile”）.friendlyInputFile（）；}）；很好的工作伙伴，很好的第一个问题！我现在忍不住了！它不起作用…：/现在我意识到我必须创建一个friendlyInputFile（）方法，它包含了几乎所有的代码。更准确地说，这种方法应该将“输入文件”转换为图像，就像我的第一个成功部分一样。所以我认为这个方法必须包括脚本，css，也许还有图像。。。

.img > input
{
  display: none;
}