meteor JS:为什么图片会反转，以及如何让onclick反转
meteor JS:为什么图片会反转，以及如何让onclick反转
提问于 2017-02-17 00:54:06
我正在学习制作基本的添加照片的网站，当我添加图片时，它们是颠倒的。我不知道如何反转它们。当我在相册中打开它们时，它们是正常的，而不是反转的，当我在paint中打开照片时，没有做任何事情(因为它不是反转的)，我保存了它，然后照片在网站上变得正常。我无法解决这个问题，所以我尝试使用jQueryReverse插件添加包: meteor add jjman505:jquery-rotate，使用图片下方的按钮来反转图片，但这个选项对我仍然不起作用。我不知道我做错了什么，也不知道如何解决，所以我希望你能帮助我。我想我一定是漏掉了一些基本的东西。
HTML：
<body>
<div class="container">
{{> images}}
</div>
</body>
<template name="images">
<div class="row">
{{#each images}}
<div class="col-xs-12 col-md-3" id="{{_id}}">
<div class="thumbnail">
<img class="js-image" src="{{img_src}}" alt="{{img_alt}}"/>
<div class="caption">
<button class="btn btn-info js-rotate-image">rotate </button>
</div>
</div>
</div>
{{/each}}
</div>
</template>JS：
Images= new Mongo.Collection("images");
if (Meteor.isClient){
Template.images.helpers({images:
Images.find({}, {sort:{createdOn: -1, rating: -1}})
});
Template.images.events({
'click .js-rotate-image':function(event){
var image_id = this._id;
console.log(image_id);
$("#"+image_id).rotateLeft([angle=90]);
}
});startup.js：
if (Meteor.isServer){
Meteor.startup(function(){
if (Images.find().count() == 0){
for (var i=1;i<22;i++){
Images.insert(
{
img_src:"img_"+i+".jpg",
img_alt:"image number "+i
}
);
}我也试过了。rotate(90)，但效果不佳。我删掉了代码，但我希望我在解决这个问题时没有删减任何重要的东西。谢谢
回答 1
Stack Overflow用户
发布于 2017-02-17 01:02:08
使用此包。发生这种情况是因为元数据图像具有。
https://github.com/ccorcos/meteor-clientside-image-manipulation
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/42280144
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号