資訊專欄INFORMATION COLUMN
摘要：需求控制編輯框上傳的圖片不超過。從文件中找到如下圖代碼位置，選取需要上傳的圖片，獲取圖片的大小，將其當做新增參數，給標簽新增屬性。我的解決方法就是將在中加載出來的模態框中，關閉按鈕的屬性替換成代碼的事件，用來隱藏模態框，如下圖所示。
這里先看一下summernote.js模樣，如下圖，可以添加圖片、視頻、鏈接等。
需求：控制編輯框上傳的圖片不超過10M。
從summernote.js文件中找到如下圖代碼位置，選取需要上傳的圖片，獲取圖片的大小，將其當做新增參數（size），給img標簽新增data-filesize屬性。
在編輯框添加完圖片之后，生成的HTML就如下圖所示。
獲取img標簽的data-filesize屬性，求編輯框中所有圖片的大小，判斷一下即可。
上面的操作是判斷編輯框中添加的所有圖片的大小不超過10M
下面如圖，在選擇圖片的時候添加如下判斷，只是對本次上傳的單張或多張圖片的大小進行判斷
如下圖所示，當點擊子模態框的關閉按鈕時，連同父模態框也一同關閉。
我的解決方法就是將在summernote.js中加載出來的模態框中，‘關閉’按鈕的data-dimiss屬性替換成js代碼的click事件，用a.modal("hide")來隱藏模態框，如下圖所示。
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/106715.html
摘要：由于需要的編輯器功能比較簡單，不需要太多復雜功能，所以選擇了一款特別輕量的插件，而且后臺操作也很簡單。關于圖片上傳提交按鍵等回調函數也是在中，詳見部分。初始化一個編輯器很簡單。 這次項目中需要用到編輯器插件，于是上網查了一下。由于需要的編輯器功能比較簡單，不需要太多復雜功能，所以選擇了一款特別輕量的summernote插件，而且后臺操作也很簡單。官網：http://summernote...
摘要：官網全新的靜態包管理器。官網一個整合和官網的最佳思想，使開發者能快速方便地組織和編寫前端代碼的下一代包管理器。官網小巧的兼容的所見即所得的富文本編輯器。官網富文本編輯器。官網由制作，適用于每天寫作的富文本編輯器。 1. 包管理器 管理著 javascript 庫，并提供讀取和打包它們的工具。 npm：npm 是 javascript 的包管理器。官網 cnpm：cnpm 是 由于國...
摘要：轉載來源包管理器管理著庫，并提供讀取和打包它們的工具。能構建更好應用的客戶端包管理器。一個整合和的最佳思想，使開發者能快速方便地組織和編寫前端代碼的下一代包管理器。很棒的組件集合。隱秘地使用和用戶數據。 轉載來源：https://github.com/jobbole/aw... 包管理器管理著 javascript 庫，并提供讀取和打包它們的工具。?npm – npm 是 javasc...
摘要：轉載來源包管理器管理著庫，并提供讀取和打包它們的工具。能構建更好應用的客戶端包管理器。一個整合和的最佳思想，使開發者能快速方便地組織和編寫前端代碼的下一代包管理器。很棒的組件集合。隱秘地使用和用戶數據。 轉載來源：https://github.com/jobbole/aw... 包管理器管理著 javascript 庫，并提供讀取和打包它們的工具。?npm – npm 是 javasc...
摘要：一個專注于瀏覽器端和兼容的包管理器。一個整合和的最佳思想，使開發者能快速方便地組織和編寫前端代碼的下一代包管理器。完全插件化的工具，能在中識別和記錄模式。健壯的優雅且功能豐富的模板引擎。完整的經過充分測試和記錄數據結構的庫。 【導讀】：GitHub 上有一個 Awesome – XXX 系列的資源整理。awesome-javascript 是 sorrycc 發起維護的 JS 資源列表...
閱讀 2423·2019-08-29 13:53
閱讀 2507·2019-08-29 11:32
閱讀 3047·2019-08-28 17:51
閱讀 3776·2019-08-26 10:45
閱讀 3491·2019-08-23 17:51
閱讀 2983·2019-08-23 16:56
閱讀 3336·2019-08-23 16:25
閱讀 3085·2019-08-23 14:15
