在javascript中显示不同的图像格式
Display different image formats in javascript
我是javascript的新手。如果问题有误我的文件夹中有不同的图像格式。
如何显示所有图像?下面给出了要读取.jpg的代码。我需要包括其他图像格式,如.JPG,.png等。
$ps_albums.children('div').bind('click',function(){
var $elem = $(this);
var index=parseInt($elem.index());
var folder_no=elems-index;
var album_name = 'albums/album' + folder_no;
var j=0;
var dir=album_name;
var d1=album_name+"/";
var fileextension=".JPG";
var f1=".jpg";
var f2=".png";
//var f3=".PNG";
$loading = $('<div />',{className:'loading'});
$elem.append($loading);
$ps_container.find('img').remove();
for(var i = 0; i < 3; i++){
var d=d1+(i+1)+f1;
data1[i]=d;
}
//alert(data1);
var items_count = data1.length;
for(var i = 0; i < items_count; ++i){
var item_source = data1[i];
var cnt = 0;
var img=new Image();
var title=$('span')[index].innerHTML;
$('<img />').load(function(){
var $image = $(this);
++cnt;
resizeCenterImage($image);
$ps_container.append($image);
var r = Math.floor(Math.random()*41)-20;
if(cnt < items_count){
$image.css({
'-moz-transform' :'rotate('+r+'deg)',
'-webkit-transform' :'rotate('+r+'deg)',
'transform' :'rotate('+r+'deg)'
});
}
if(cnt == items_count){
$loading.remove();
$ps_container.show();
$ps_close.show();
$ps_play.show();
//$ps_pause.show();
$ps_overlay.show();
}
}).attr('src',item_source,'title',title);
}
});
此功能用于在单击按钮
时显示图像提前谢谢。
这可能会
有所帮助
//before adding
if(validateImage(currentImage)){
//Add to Data1
}else{
//alert("Only .jpg, .jpeg,.png, .gif files are allowed!");
console.log("Only .jpg, .jpeg,.png, .gif files are allowed!");
}
function validateImage(currentImage) {
//Regular Expression for fileupload control.
var reg = /^(([a-zA-Z]:)|(''{2}'w+)'$?)(''('w['w].*))+(.jpg|.jpeg|.png|.gif)$/;
if (currentImage.length > 0) {
//Checks with the control value.
if (reg.test(currentImage)) {
return true;
}
else {
//If the condition not satisfied shows error message.
//alert("Only .jpg, .jpeg,.png, .gif files are allowed!");
return false;
}
}
} //End of function validate.
相关文章:
- 以 HTML 格式预加载图像
- 单击按钮并将其下载为图像格式时,如何使用引导模式弹出窗口显示D3图表
- 使用年、月、日期、小时、秒格式每分钟刷新一次图像
- 防止Javascript注入(但保留文本格式和图像)
- 将鼠标悬停在图像上,图像的不透明度和图像下方标题的颜色会发生变化..同样,当标题变成两行时,它会破坏格式
- html5中的CANVAS支持哪些图像格式
- PDFKit:PNG的未知图像格式错误
- 从单选按钮中获取值以选择 html 格式的图像
- 如何在Raphael paper.image中嵌入Base64图像格式
- 在javascript中显示不同的图像格式
- 以代码格式下载图像
- 图像属性格式不正确
- 图像未在追加时以 html 格式呈现
- SVG图像格式
- 将html页面的元素保存为图像格式
- 通过数据识别图像格式
- 如何检查是否上传了某些图像格式
- 如何下载画布为PNG图像格式,而不是二进制文件
- 在multier文件上传器中验证JS中的多个图像格式
- 嵌入所有流行的图像格式- jquery/javascript