16.10  拖拽上传图片到表单并显示预览

16.10 拖拽上传图片到表单并显示预览

本实例的功能是,可以直接从本地硬盘中拖拽上传图片到容器中,并且在表单页面中预览显示拖拽的图片。

978-7-111-53392-4-Part04-260.jpg

实例文件10.html的实现代码如下。

978-7-111-53392-4-Part04-261.jpg

978-7-111-53392-4-Part04-262.jpg

978-7-111-53392-4-Part04-263.jpg

执行后的效果如图16-12所示。

978-7-111-53392-4-Part04-264.jpg

图16-12 执行效果