值傳值: 將一個變量的值拷貝一份賦給另一個變量。
如果這個變量的值修改的話不會影響到另外一個變量, 這兩個變量之間沒有任何聯系。
<script type="text/javascript">
var num1=500
var num2=num1;
num2=40;
alert(num1); // 500;
</script>
引用傳址:將一個變量的地址賦給另一個變量。
如果這個變量的值有修改的話那么另外一個變量將同時受到影響, 將一個變量的內存地址賦值給另外一個變量, 這兩個變量同時指向同一個內存地址,
這兩個變量是有聯系的。
<script type="text/javascript">
var arr1=[3, 5, 7, 8, 10, 11];
var arr2=arr1;
arr2[0]=13;
alert(arr1); //[13, 5, 7, 8, 10, 11]
</script>
在javascript中基本數據類型的賦值操作都是賦值傳值;復合數據類型的賦值都是引用傳址。
面之間互相傳值通常有以下幾種方法:
1、URL (如:index.html?id=123)
2、cookie
3、本地存儲 (localStorage、sessionStorage)
sessionStorage與 localStorage很相似,不同之處在于 localStorage 里面存儲的數據沒有過期時間設置,而存儲在 sessionStorage 里面的數據在頁面會話結束時會被清除。(也就是localStorage長期保存,sessionStorage 關閉頁面后清除)
今天主要給大家介紹一下使用sessionStorage進行頁面之間互相傳值(通信)
思路:從A頁面跳轉到B頁面,然后B頁面獲取數據再傳到A頁面
A頁面
B頁面
點擊B頁面按鈕返回A頁面,A頁面加載傳回來的數據“我是b頁面,張三豐”
A頁面(a.html)
B頁面(b.html)
html實現本地文件的上傳,html實現文件上傳,html實現文件上傳解決方案,html實現文件上傳思路,html實現文件上傳實例,html實現文件上傳源碼,html實現文件分塊上傳,html實現文件分片上傳,html實現文件夾上傳,html實現文件加密上傳,
要求操作便利,一次選擇多個文件和文件夾進行上傳;
支持PC端全平臺操作系統,Windows,Linux,Mac
支持文件和文件夾的批量下載,斷點續傳。刷新頁面后繼續傳輸。關閉瀏覽器后保留進度信息。
支持文件夾批量上傳下載,服務器端保留文件夾層級結構,服務器端文件夾層級結構與本地相同。
支持大文件批量上傳(20G)和下載,同時需要保證上傳期間用戶電腦不出現卡死等體驗;
支持文件夾上傳,文件夾中的文件數量達到1萬個以上,且包含層級結構。
支持斷點續傳,關閉瀏覽器或刷新瀏覽器后仍然能夠保留進度。
支持文件夾結構管理,支持新建文件夾,支持文件夾目錄導航
交互友好,能夠及時反饋上傳的進度;
服務端的安全性,不因上傳文件功能導致JVM內存溢出影響其他功能使用;
最大限度利用網絡上行帶寬,提高上傳速度;
對于大文件的處理,無論是用戶端還是服務端,如果一次性進行讀取發送、接收都是不可取,很容易導致內存問題。所以對于大文件上傳,采用切塊分段上傳
從上傳的效率來看,利用多線程并發上傳能夠達到最大效率。
文件上傳頁面的前端可以選擇使用一些比較好用的上傳組件,例如百度的開源組件WebUploader,這些組件基本能滿足文件上傳的一些日常所需功能,如異步上傳文件,文件夾,拖拽式上傳,黏貼上傳,上傳進度監控,文件縮略圖,甚至是大文件斷點續傳,大文件秒傳。
在web項目中上傳文件夾現在已經成為了一個主流的需求。在OA,或者企業ERP系統中都有類似的需求。上傳文件夾并且保留層級結構能夠對用戶行成很好的引導,用戶使用起來也更方便。能夠提供更高級的應用支撐。
1.下載示例
https://gitee.com/xproer/up6-vue-cli
將up6組件復制到項目中
示例中已經包含此目錄
1.引入up6組件
2.配置接口地址
接口地址分別對應:文件初始化,文件數據上傳,文件進度,文件上傳完畢,文件刪除,文件夾初始化,文件夾刪除,文件列表
參考:http://www.ncmem.com/doc/view.aspx?id=e1f49f3e1d4742e19135e00bd41fa3de
3.處理事件
啟動測試
啟動成功
效果
數據庫
源碼工程文檔:https://drive.weixin.qq.com/s?k=ACoAYgezAAw1dWofra
源碼報價單:https://drive.weixin.qq.com/s?k=ACoAYgezAAwoiul8gl
OEM版報價單:https://drive.weixin.qq.com/s?k=ACoAYgezAAwuzp4W0a
產品源代碼:https://drive.weixin.qq.com/s?k=ACoAYgezAAwbdKCskc
授權碼生成器:https://drive.weixin.qq.com/s?k=ACoAYgezAAwTIcFph1
*請認真填寫需求信息,我們會在24小時內與您取得聯系。