我试图获取一本翻书,不仅接受 JPG 文件,而且接受(动画)的 GIF 文件。
我想这是一个简单的问题,我敢肯定,对于其中的某些问题,您将很容易弄清楚。
主要思想是获取文件的字符串以检查它是JPG还是GIF,然后执行以下操作:
ack-angular-webcam
或
img.attr('src', 'pages/' + page + '.jpg');
代码(.js)来自:http://www.turnjs.com/
img.attr ('src', 'pages/' + page + '.gif');
当我将'。jpg'替换为'。gif'时,我将能够将GIF文件放到活动簿中,但不再使用JPG。
我尝试用以下方法检查文件的扩展名:
function loadPage(page, pageElement) {
// Create an image element
var img = $('<img />');
img.mousedown(function(e) {
e.preventDefault();
});
img.load(function() {
// Set the size
$(this).css({width: '100%', height: '100%'});
// Add the image to the page after loaded
$(this).appendTo(pageElement);
// Remove the loader indicator
pageElement.find('.loader').remove();
});
// Load the page
img.attr('src', 'pages/' + page + '.jpg');
loadRegions(page, pageElement);
但是看来我找不到在那儿获取文件名的方法。
它应该放在这里:// Get file extension
function getExtension(filename) {
return filename.split('.').pop().toLowerCase();
}
function openFile(file) {
switch(getExtension(file)) {
//if gif
case 'gif':
alert('was gif');
/* handle */
break;
//if jpg
case 'jpg':
alert('was gif');
break;
}
或openFile("somestring.gif")
也许是这样的:
openFile("somestring.jpg")