織夢后臺縮略圖異步上傳原理

2020-12-09


上傳主要代碼如下:
<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

0
首頁
案例
關于
聯系
凯时平台