1. 赤壁單機版 el到服務端怎麼上傳
首先啟動虛擬機,然後啟動赤壁伺服器,在winscp文件夾下打開WinSCP.exe文件,設置連接的ip(虛擬機上設置的伺服器的ip)、用戶名(一般是root)還有密碼(如果是在mcncc.com站上下載的應該就是mcncc.com),打開的界面左邊是本機文件目錄,右邊是伺服器文件目錄,把本地編輯好的el拖到右邊相應文件的存放目錄替換掉即可(最好事前先備份一個)。還有,要啟動伺服器你應該首先會用SSH或SecureCRT等連接伺服器,然後用命令啟動,winscp的連接屬性跟用ssh或SecureCRT連接的屬性設置是一致的。
2. el-upload 上傳列表li的樣式
el-upload的圖標和提示文字,都可以換成你需求圖里的,很簡單的,參考官方示例。
可以設置el-upload的:show-file-list="false"不顯示下方默認上傳的文件列表;然後,在el-upload的上面根據:file-list="fileList"中上傳獲取的fileList,自己做一個需求圖那樣的列表布局樣式,這不難吧?最後,自己做的列表裡刪除和編輯的邏輯,就是數據的操作了。
3. 如何將el-upload和el-viewer結合使用
話,需要把他們嗯進行一個配置,還有就是一個兼容,這樣的話才可以。
4. 用el-upload組件上傳文件時如何將文件選擇框的下拉框下的所有文件屏蔽掉或者隱藏
1. 定位需要隱藏的虛框element;
2. 設置虛框的style。
具體代碼:(vue.js實現方案)
1. /////隱藏定位的目標element
let upload_div = $('.avatar-uploader-cover')[0].childNodes[0];
// this.removeClassName(upload_div,'el-upload');
upload_div.style.cssText = "display: none;";//設置目標element的style內容
2. /////顯示定位的目標element
let upload_div = $('.avatar-uploader-cover')[0].childNodes[0];
// this.removeClassName(upload_div,'el-upload');
upload_div.style.cssText = "";
3. 具體的前端代碼:
<el-upload
action=""
ref="template_cover"
list-type="picture"
:limit = "parseInt('1')"
:on-exceed="limit_control"
:on-success="handleSuccess"
:before-upload="templateCoverbeforeUpload"
:on-change="figure_on_change"
:before-remove="berfore_figure_remove_handler"
:on-preview="on_preview_template_img"
:on-remove="handleRemove"
:auto-upload="false"
class="avatar-uploader-cover"
accept=".jpg, .png, .jpeg"
>
其中avatar-uploader-cover就是其class,也是用來定位的標准;
4. 簡單解析一下網頁源碼中el-upload里的元素結構:
5. elupload上傳圖片提交到post請求終端報錯
是因為上傳錯誤造成的。
移動滑鼠到設置圖標,點擊圖片庫。點擊上傳圖片,在這里可以查看已上傳的圖片。點擊添加照片上傳本地照片,選擇圖片,點擊打開。可添加多張照片,添加完畢,點擊確認上傳。上傳完後,可在圖片庫查詢,在編輯器,拖出圖片模塊,即可使用上傳的圖片。
6. jquery file upload怎麼使用
使用方法:
1. 需要載入的js文件:
jquey-1.8.3.min.js
jquery-ui-widget.js
jquery.iframe-transport.js
jquery.fileupload.js
2. html代碼:
?
1
<input id="fileupload" type="file" name="files[]" data-url="server/php/" multiple>
3. js代碼:
?
12345678910
$(function () {$('#fileupload').fileupload({dataType: 'json',done: function (e, data) {$.each(data.result.files, function (index, file) {$('<p/>').text(file.name).appendTo(document.body);});}});});
3.1 顯示上傳進度條:
?
123456789
$('#fileupload').fileupload({progressall: function (e, data) {var progress = parseInt(data.loaded / data.total * 100, 10);$('#progress .bar').css('width',progress + '%');}});
3.2 需要一個<div>容器用來顯示進:
?
123
<div id="progress"><div class="bar" style="width: 0%;"></div></div>
4. API
4.1 Initialization:
在上傳按鈕上調用fileupload()方法;
示例:
$('#fileupload').fileupload();
4.2 Options :
1: url:請求發送的目標url
Type: string
Example: '/path/to/upload/handler.json'
2.Type: 文件上傳HTTP請求方式,可以選擇「POST」,「PUT」或者"PATCH",
默認"POST"
Type: string
Example: 'PUT'
3. dataType:希望從伺服器返回的數據類型,默認"json"
Type: string
Example: 'json'
4. autoUpload:默認情況下,只要用戶點擊了開始按鈕被添加至組件的文件會立即上傳。將autoUpload值設為true可以自動上傳。
Type: boolean
Default: true
5. acceptFileTypes:允許上傳的的文件類型
Example: /(\.|\/)(gif|jpe?g|png|xlsx)$/i
6. maxFileSize: 最大上傳文件大小
Example: 999000 (999KB) //單位:B
7. minFileSize:最小上傳文件大小
Example: 100000 (100KB) //單位:B
8.previewMaxWidth : 圖片預覽區域最大寬度
Example: 100 //單位:px
4.3 Callback Options:
使用方法一:函數屬性
實例:
?
123456789101112
$('#fileupload').fileupload({drop: function (e, data) {$.each(data.files, function (index, file) {alert('Dropped file: ' + file.name);});},change: function (e, data) {$.each(data.files, function (index, file) {alert('Selected file: ' + file.name);});}});
使用方法二:綁定事件監聽函數
實例:
?
123
$('#fileupload').bind('fileuploaddrop', function (e, data) {/* ... */}).bind('fileuploadchange', function (e, data) {/* ... */});
每個事件名稱都添加前綴:」fileupload」;
注意推薦使用第二種方法。
常用的回調函數:
1. add: 當文件被添加到上傳組件時被觸發
?
1
$('#fileupload').bind('fileuploadadd', function (e, data) {/* ... */});
或者$('#fileupload').on('fileuploadadd', function (e, data) {/* ... */});
2. processalways: 當一個單獨的文件處理隊列結束(完成或失敗時)觸發
3. progressall: 全局上傳處理事件的回調函數
Example:
?
1234567
$('#fileupload').on('fileuploadprogressall', function (e, data) { //進度條顯示var progress = parseInt(data.loaded / data.total * 100, 10);$('#progress .progress-bar').css('width',progress + '%');});
4. fail : 上傳請求失敗時觸發的回調函數,如果伺服器返回一個帶有error屬性的json響應這個函數將不會被觸發。
5. done : 上傳請求成功時觸發的回調函數,如果伺服器返回一個帶有error屬性的json響應這個函數也會被觸發。
6. always : 上傳請求結束時(成功,錯誤或者中止)都會被觸發。
7. JQuery自動上傳
success: function (file) 這里是ajax調用成功後的方法,參數file就是從server側取回的返回值