输入文件上传图片预览功能实例代码

输入文件上传图片预览其实很简单。我没做这件事真是太不可思议了。今天我要抓住她神秘的面纱。实际上，这个原则真的很简单。每个人都知道下面的代码。

具体代码如下：










多个（多文件上传）


$（文档）Ready（函数（）{）
$（#输入）。变化（函数（）{）
var文件= this.files；
对于（var i = 0；i < fil.length；i++）{
读（FIL {我}）；
}
}）；
}）；
函数读取（FIL）{
VaR的读者= FileReader（）；
reader.readasdataurl（FIL）；
reader.onload =功能（）
{
document.getelementbyid（DD）= .innerHTML ；
}；
}





直接预览上传的图片，以避免在提交后阅读图片的多余过程。

以上是输入文件上传图片预览功能的示例代码，希望对您有所帮助。如果你有任何问题，请给我留言，萧边会及时给您回复。谢谢您支持网站。