如何在没有上传或使用的情况下从输入类型文件显示图像拇指

Question

如何在没有上传或使用的情况下从输入类型文件显示图像拇指 我需要创建文件预览，当用户在input type = file中选择文件时，我发现，ajax不支持文件上传，所以 - 也许可以在js中显示thumb _without_actual_upload_吗？ Jquery / simple js

Answer 1

目前没有跨浏览器兼容的方法从文件输入中获取数据。

您可以使用隐藏的iframe作为上传目标，当用户选择文件时，将表单提交到iframe窗口。您可以使用jQuery Form Plugin（因为您标记了jQuery），如果表单包含文件输入，它将为您创建隐藏的iframe。

Answer 2

某些浏览器会实现File API，因此您可以使用它来显示图像。使用File API以及XMLHttpRequest对象的一些新功能，可以使用ajax上传文件。 其他可能性是使用隐藏的iframe上传文件。