"点击图片触发input是file的事件"
在 Web 开发中，经常会遇到上传图片的需求，而在上传图片时，通常需要实现在浏览器中预览图片。为了实现这个需求，我们可以使用 `window.createObjectURL` 方法来生成一个 URL，该 URL 指向上传的图片。
知识点1：window.createObjectURL
`window.createObjectURL` 是一个可以生成 URL 的方法，该方法可以将 Blob 对象转换为一个可以在浏览器中访问的 URL。这个方法可以用来预览图片，因为它可以将图片文件转换为一个可以在浏览器中访问的 URL。
知识点2：图片上传和预览
在上面的代码中，我们可以看到一个点击图片触发 input 是 file 的事件。在点击图片时，会触发 input 的点击事件，从而上传图片。同时，我们还可以看到一个用于预览图片的 img 标签，该标签的 src 属性将被设置为生成的 URL。
知识点3：getObjectURL 函数
在代码中，我们定义了一个名为 `getObjectURL` 的函数，该函数用于生成一个 URL，该 URL 指向上传的图片。该函数使用了三个不同的方法来生成 URL，以适应不同的浏览器。这些方法包括：
* `window.createObjectURL`：该方法是最基本的方法，用于生成一个 URL，该 URL 指向上传的图片。
* `window.URL.createObjectURL`：该方法是 Mozilla（Firefox）浏览器使用的方法，用于生成一个 URL，该 URL 指向上传的图片。
* `window.webkitURL.createObjectURL`：该方法是 WebKit（Chrome）浏览器使用的方法，用于生成一个 URL，该 URL 指向上传的图片。
知识点4：图片大小和格式的验证
在代码中，我们还可以看到一个用于验证图片大小和格式的逻辑。如果图片大小超过 5M 或格式不正确，将会弹出一个警告框，提示用户上传正确的图片。
知识点5：JQuery 的使用
在代码中，我们可以看到 JQuery 的使用。JQuery 是一个流行的 JavaScript 库，用于简化 JavaScript 编程。这里，我们使用 JQuery 来选择 DOM 元素，并绑定事件处理函数。
本文介绍了点击图片触发 input 是 file 的事件，并且实现了图片上传和预览的功能。同时，本文还介绍了 `window.createObjectURL` 方法、图片大小和格式的验证和 JQuery 的使用等知识点。
