亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

jQuery如何限制上傳文件的類型?

jQuery如何限制上傳文件的類型?

PIPIONE 2019-12-09 15:42:04
我想讓jQuery將文件上傳字段限制為僅jpg / jpeg,png和gif。我已經在進行后端檢查了PHP。我JavaScript已經通過函數運行了提交按鈕,所以我真的只需要知道在提交或發出警報之前如何檢查文件類型。
查看完整描述

3 回答

?
慕沐林林

TA貢獻2016條經驗 獲得超9個贊

您可以獲得與任何其他字段相同的文件字段的值。但是,您無法更改它。


因此,要表面檢查文件的擴展名是否正確,可以執行以下操作:


var ext = $('#my_file_field').val().split('.').pop().toLowerCase();

if($.inArray(ext, ['gif','png','jpg','jpeg']) == -1) {

    alert('invalid extension!');

}


查看完整回答
反對 回復 2019-12-09
?
倚天杖

TA貢獻1828條經驗 獲得超3個贊

無需插件即可完成此任務。通過其他幾個腳本將其拼湊而成:


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

    var ext = this.value.match(/\.(.+)$/)[1];

    switch (ext) {

        case 'jpg':

        case 'jpeg':

        case 'png':

        case 'gif':

            $('#uploadButton').attr('disabled', false);

            break;

        default:

            alert('This is not an allowed file type.');

            this.value = '';

    }

});

這里的竅門是將上傳按鈕設置為禁用,除非并且直到選擇了有效的文件類型。


查看完整回答
反對 回復 2019-12-09
  • 3 回答
  • 0 關注
  • 1013 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號