javascript - 上传时人像图像水平翻转

标签 javascript css image twitter-bootstrap image-uploading

我有一个 MVC Bootstrap 页面,当我选择纵向照片时它们会水平翻转,我正在使用 Bootstrap 文件输入。

<div class="fileinput fileinput-new" data-provides="fileinput">
                        <div class="fileinput-new thumbnail" style="width: 200px; height: 150px;">
                            <img src="/Content/images/noimage.gif" alt="No Image">
                            <!--<img data-src="holder.js/100%x100%" alt="...">-->
                        </div>
                        <div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 200px; max-height: 150px;">

                            <img src="/content/postimages/medium/" />
                            <input type="hidden" name="existingFile-00000000-0000-0000-0000-000000000000" value="1" />

                        </div>
                        <div>
                            <span class="btn btn-default btn-file"><span class="fileinput-new">Select image</span><span class="fileinput-exists">Change</span><input type="file" name="file0"></span>
                            <a href="#" class="btn btn-default fileinput-exists" data-dismiss="fileinput">Remove</a>
                        </div>
                    </div>

要试用该页面并查看文件水平翻转,请选择一张肖像图片上传到此页面:http://allthings.trade/poultry/incubators/newpost

最佳答案

我选择了一个肖像图像及其显示查找,如果我尝试提交表单,我将被重定向到注册页面,所以我无法检查它。 无论如何,这种问题 90% 来自您的后端,它在大多数情况下与 bootstrap 或您的 js 无关。

关于javascript - 上传时人像图像水平翻转,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31772671/

相关文章:

javascript - Electron:Windows 上的 localStorage 无法正常工作

javascript - 将图像设置为相对于屏幕尺寸的尺寸?

android - 试图将图片保存到尚未创建的特定图片文件夹

javascript - 单击 Bootstrap 弹出窗口无任何操作

javascript - 悬停效果与 JavaScript

javascript - vuetify v-bind 内联样式值不更新

html - 表第一列绝对父级

javascript - 使用 AngularJS ng-show 的 CSS 过渡

image - Matlab 中的二进制图像

javascript - 如何确定 JavaScript 中的文件大小?