第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

在上傳到遠(yuǎn)程服務(wù)器之前檢查圖像分辨率

在上傳到遠(yuǎn)程服務(wù)器之前檢查圖像分辨率

慕容3067478 2023-03-18 17:51:14
我有將圖像上傳到遠(yuǎn)程服務(wù)器的功能。上傳功能工作正常,但是一旦我在大小驗(yàn)證塊中添加上傳功能代碼塊,它就不起作用了。這是html  <p><input type="file" id="BtnBrowseHidden" name="files" style="display: none;" onchange="angular.element(this).scope().SelectFile(event)" />                                                                              <label class="btn bluebg " for="BtnBrowseHidden" id="LblBrowse" style="cursor:pointer;">                                                  Update Image                                                  </label>                                           </p>這是驗(yàn)證碼$scope.SelectFile = function (e) {               var ext = e.target.files[0].name.split('.').pop();        var popupImage = angular.element(document.querySelector('#popup__UpdateImpage'));        popupImage.removeClass('hide');        popupImage.addClass('hide');        if (ext == 'png' || ext == 'gif' || ext == 'jpg' || ext == 'jpeg') {            var reader = new FileReader();            reader.onload = function (e) {                var img = new Image();                img.src = e.target.result;                img.onload = function () {                    if (img.height > 150 && img.width > 150) {                        $scope.PreviewImage = e.target.result;                        var payload = new FormData();                        payload.append("file", e.target.files[0]);                        var res = mainServices.uploadUserImage(payload);                    }                    else {                        alert("File size doesn't support");                    }                }            };        }如果我將該代碼塊添加到驗(yàn)證塊之外,它就可以正常工作。但是只有當(dāng)尺寸超過(guò)該尺寸時(shí),我如何才能限制上傳?沒(méi)有其他驗(yàn)證按鈕,我實(shí)際上需要在他們選擇文件后完成此操作,它應(yīng)該驗(yàn)證并更改圖像并更新遠(yuǎn)程服務(wù)器。有什么辦法可以做到這一點(diǎn)?我發(fā)現(xiàn)的所有代碼始終在驗(yàn)證,然后在另一個(gè)按鈕上單擊它更新到服務(wù)器。
查看完整描述

2 回答

?
ibeautiful

TA貢獻(xiàn)1993條經(jīng)驗(yàn) 獲得超6個(gè)贊

您不需要 FileReader,您可以通過(guò) 設(shè)置圖像的來(lái)源window.URL.createObjectURL

我不確定為什么你的代碼不起作用,但我重構(gòu)了這個(gè)解決方案

我還添加了一個(gè)指令來(lái)使用文件輸入ng-change;) 這就是 Angular 方式!


查看完整回答
反對(duì) 回復(fù) 2023-03-18
?
蕪湖不蕪

TA貢獻(xiàn)1796條經(jīng)驗(yàn) 獲得超7個(gè)贊

您應(yīng)該在選擇圖像文件時(shí)進(jìn)行驗(yàn)證。


我假設(shè)你有一個(gè)“文件”元素:


$('input[type="file"]').change(function(e){

let imgfile = new Image()

imgfile.src = window.URL.createObjectURL(e.target.files[0])

imgfile.onload = () => {

   imgWidth = imgfile.width;

   imgHeight = imgfile.height;

}

});

在此之后,您將擁有 imgWidth 和 imgHeight 變量,因此您可以根據(jù)需要驗(yàn)證它們,禁用上傳按鈕,例如,如果圖像大小不符合您的需要等。


查看完整回答
反對(duì) 回復(fù) 2023-03-18
  • 2 回答
  • 0 關(guān)注
  • 137 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)