jquery - asp.net mvc 3 razor 文件上传

Question

这是使用 asp.net mvc3 razor 上传单个文件并使用 jquery 进行验证的最佳方式。

我只需要用户上传小于5mb的jpg、png。

谢谢

Answer 1

您需要使用 JavaScript 进行验证，这是一个示例

function onSelect(e) {
    if (e.files[0].size > 256000) {
        alert('The file size is too large for upload');
        e.preventDefault();
        return false;
    }
    // Array with information about the uploaded files
    var files = e.files;
    var ext = $('#logo').val().split('.').pop().toLowerCase();
    if ($.inArray(ext, ['gif', 'jpeg', 'jpg', 'png', 'tif', 'pdf']) == -1) {
        alert('This type of file is restricted from being uploaded due to security reasons');
        e.preventDefault();
        return false;
    } 
    return true;
}

这表示文件不得大于 256K，并且仅允许 gif、jpg、jpeg、tif、png 和 pdf。只需将 256000 更改为 5000000 以及您的特定文件类型

我在 MVC 3 的 Razor View 中使用 Telerik 上传控件。您也可以使用标准上传输入，只需在选择时或提交之前触发此事件