欢迎来到欣怡源码!我们致力于织梦终身会员模板及VIP模板更新

织梦后台缩略图异步上传原理

相关案例演示

上传主要代码如下:
<input name="picname" type="text" id="picname" style="width:240px" />
<input type="button"  value="本地上传" style="width:70px;cursor:pointer;" />
<iframe name='uplitpicfra' id='uplitpicfra' src='' width='200' height='200' style='display:none'></iframe>
<span class="litpic_span"><input name="litpic" type="file" id="litpic"  onChange="SeePicNew(this, 'divpicview', 'uplitpicfra', 165, 'article_add.php');" size="1" class='np coolbg'/></span>

看到最后一行代码,就可以发现他的上传实际上就是用的HTML最普通的file上传方法,把图层盖到button本地上传上面并把背景设为透明,看上去是一个button,实际上点击的却是file的浏览按钮。#litpic{ filter:alpha(opacity=00);-moz-opacity:.0;opacity:0.0;cursor:pointer;}
当用户选择一个图片后触发函数SeepicNew,这个函数在main.js中。然后通过这个JS创建表单需要的元素后提交,提交的对像是iframe,所以页面不会整个跳转。表单提交在archives_do.php文件中,这个文件用AdminUpload这个函数处理了表单的提交并返回相应的值来得到图片的处理结果。而AdminUpload这个函数是放在include/helper/upload.helper.php

作者:欣怡源码 挑错 时间:2020-12-07 11:03
首先声明,只要是我们的vip会员所有源码均可以免费下载,不做任何限制
☉本站的源码不会像其它下载站一样植入大量的广告。为了更好的用户体验以后坚持不打水印
☉本站只提供精品织梦源码,源码在于可用,不在多!!希望在这里找到你合适的。
☉本站提供的整站织梦程序,均带数据及演示地址。可以在任一源码详情页查看演示地址
☉本站所有资源(包括源码、模板、素材、特效等)仅供学习与参考,请勿用于商业用途。
☉如有其他问题,请加网站客服QQ(984818011)进行交流。
相关织梦教程
在线客服