jQuery AJAX图像上传 – 检查浏览器支持

我使用这个插件： canvasResize来调整客户端的图像大小并上传它们。

这是代码：

HTML

JS

 $('input[name=photo]').change(function(e) { var file = e.target.files[0]; $.canvasResize(file, { width: 0, height: 540, crop: false, quality: 90, //rotate: 90, callback: function(data, width, height) { // IMAGE UPLOADING // ================================================= // Create a new formdata var fd = new FormData(); // Add file data var f = $.canvasResize('dataURLtoBlob', data); f.name = file.name; fd.append($('#input').attr('name'), f); $.ajax({ url: 'test2.php', type: 'POST', data: fd, contentType: false, processData: false, success: function(data) { alert('geht'); } }) // /IMAGE UPLOADING // ================================================= } }); }); 

它适用于大多数浏览器，但我怎么能检测它是否不适用于页面加载？ 我想也许是因为这些浏览器不支持canvas，但事实并非如此，因为我做了：

 function isCanvasSupported(){ var elem = document.createElement('canvas'); return !!(elem.getContext && elem.getContext('2d')); } if (isCanvasSupported()) { alert('works'); } 

它无处不在。

那么任何想法如何在用户选择图像之前检测到破旧的浏览器？

编辑：

callback: function(data, width, height) {后没有任何作用callback: function(data, width, height) { ，我试图提醒一些东西。 有任何想法吗？？？ 请？？？？