jQuery更改时验证文件类型
jQuery Validate File Type On Change
我有一个jQuery文件上传。该上传功能仅允许图像类型。.jpg, .gif, .png
假设我有两个文件,那就是.jpg&b.pdf。现在,我将b.pdf的扩展名更改为b.jpg
.jpg是原始图像
b.jpg不是原始图像。
我的问题是,如何验证b.jpg不是原始图像?
这是我的JS脚本:
$(function()
{
$("#file").change(function()
{
var file = this.files[0];
var imagefile = file.type;
var match= ["image/jpeg","image/png","image/jpg"];
var file_size = this.files[0].size;
if(!((imagefile==match[0]) || (imagefile==match[1]) || (imagefile==match[2])))
{
alert("Invalid File");
}
else
{
var reader = new FileReader();
reader.onload = imageIsLoadeds;
reader.readAsDataURL(this.files[0]);
}
function imageIsLoadeds(e)
{
if(file_size>=1024000)
{
alert("File Size Error");
}
else
{
$('#image').attr('src', e.target.result);
}
}
}
}
您必须验证上传内容的MIME类型。
首先选择所需的MIME类型(参考:http://www.freeformatter.com/mime-types-list.html)。
其次,您可以使用jQueryValidationPlugin来验证上传内容的MIME类型。(参考:http://jqueryvalidation.org/accept-method/)
相关文章:
- Webpack/Rect:遵循egghead.io教程,但出现错误:您可能需要一个合适的加载程序来处理此文件类型
- 限制文件类型,大小,单次上传不'无法在jquery文件上传中工作
- 选择特定文件类型时切换额外输入
- 将字符串文件类型/权限转换为数字
- 使用 if - JS 将文件类型附加到 url
- 如果数据的格式略有损坏,是否仍然可以确定其文件类型
- 如何在Joomla模块中通过JavaScript发送输入文件类型
- 如何在Django表单中设置可接受的文件类型'的FileInput小部件
- 根据文件类型取消绑定和重新绑定click事件处理程序
- 禁止的文件类型docx
- 如何将文件类型从Coldfusion代码转换为javascript代码
- 使用Foundation Abide验证文件类型
- Javascript正则表达式文件类型崩溃chrome
- 如何在模式窗口中从html表单文件类型打开图像
- "npm运行构建“;模块解析错误”;您可能需要一个适当的加载程序来处理此文件类型&”;
- jQuery更改时验证文件类型
- Webpack错误:“您可能需要一个适当的加载程序来处理此文件类型”
- 如何使用ReactTestUtils设置HTML5文件类型输入
- Webpack:您可能需要一个适当的加载程序来处理此文件类型
- 文件类型值作为图像源