- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有一个关于图片上传的问题。
也许我做错了什么?
$scope.photoChanged = function(files) {
$scope.files = files;
var reader = new FileReader();
reader.onload = function(e) {
$scope.imagecontent = e.target.result;
if (!$scope.$$phase) {
$scope.$apply();
}
};
reader.readAsDataURL(files[0]);
};
这里我尝试将图像上传到浏览器并查看它(然后我使用裁剪工具),但是对于大图像,例如:https://dl.dropboxusercontent.com/u/59666091/Fronalpstock_big.jpg
在 IE 中(不仅在 IE 中)这需要一段时间,当我在页面上看到图像时
也许有一些方法可以加快我的文件上传速度?
在这里你可以测试它:http://plnkr.co/edit/co6gFGe6pig3DCF9GQp1?p=preview
最佳答案
在显示之前尝试裁剪图像或将其调整为标准尺寸。事实是,您不需要非常大的文件就可以在浏览器上显示它。
请试试这个裁剪: http://andyshora.com/angular-image-cropper.html
请尝试调整大小: https://blog.liip.ch/archive/2013/05/28/resizing-images-with-javascript.html
============================================= ========================
<body ng-controller="ArticleCtrl">
<h1>Hello Plunker, {{art}}!</h1>
<input type="file" name="file" accept="image/*" onchange="angular.element(this).scope().photoChanged(this.files)" />
<div id="mySpinner" class="spinner first"></div>
<img width="100px" id="preview" />
</body>
$scope.photoChanged = function(files) {
$scope.files = files;
var reader = new FileReader();
reader.onload = function(e) {
//$scope.imagecontent = e.target.result;
var image = new Image();
image.src = e.target.result;
console.log(image);
image.onload = function() {
jQuery("#preview").attr('src', this.src);
};
if (!$scope.$$phase) {
$scope.$apply();
}
};
reader.readAsDataURL(files[0]);
};
嗨,brabertaser!我已经在 plunker 上修改了你的代码。但我不确定它是否会工作,因为我没有在我当前的机器上安装 ie10 和 11,但它应该是这样的......
谢谢!希望这会有所帮助:)
关于javascript - AngularJS:speedUp打开大图(base64),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30397634/
如果我不定义自己的构造函数,Base *b = new Base; 与 Base *b = new Base(); 之间有什么区别吗? 最佳答案 初始化是标准中要遵循的一种 PITA...然而,这两个
是否有现成的函数可以在 C# 中进行基本转换?我希望将以 26 为基数和以 27 为基数的数字转换为以 10 为基数。我可以在纸上完成,但我不是一个非常有经验的程序员,如果可能的话,我宁愿不要从头开始
JNA 中'base'是什么意思 Pointer.getPointerArray(long base) Pointer.getStringArray(long base) ? JNA Document
我正在做一个将数字从 10 进制转换为 2 进制的基本程序。我得到了这段代码: #include #include #include #include using namespace std;
“假设以下代码: public class MultiplasHerancas { static GrandFather grandFather = new GrandFather();
当我分析算法的时候,我突然问自己这个问题,如果我们有三元计算机时间复杂度会更便宜吗?还是有任何基础可以让我们构建计算机,这样时间复杂度分析就无关紧要了?我在互联网上找不到太多,但是基于三元的计算机在给
一个简化的场景。三个类,GrandParent,Parent 和 Child。我想要做的是利用 GrandParent 和 Parent 构造函数来初始化一个 Child 实例。 class Gran
我编写了一个简单的函数来将基数为 10 的数字转换为二进制数。我编写的函数是我使用我所知道的简单工具的最佳尝试。我已经在这个网站上查找了如何执行此操作的其他方法,但我还不太了解它。我确定我编写的函数非
我尝试了以下代码将数字从 base-10 转换为另一个 base。如果目标基地中没有零(0),它就会工作。检查 79 和 3 并正确打印正确的 2221。现在尝试数字 19 和 3,结果将是 21 而
这个问题在这里已经有了答案: Is Big O(logn) log base e? (7 个答案) 关闭 8 年前。 Intro 练习 4.4.6 的大多数解决方案。算法第三版说,n*log3(n)
如何判断基类(B)的指针是否(多态)重写了基类的某个虚函数? class B{ public: int aField=0; virtual void f(){}; }; class C
我测试了这样的代码: class A { public A() { } public virtual void Test () { Console.WriteL
两者都采用相同的概念:定义一些行和列并将内容添加到特定位置。但是 Grid 是最常见的 WPF 布局容器,而 html 中基于表格的布局是 very controversial .那么,为什么 WPF
我试图在 JS 中“获得”继承。我刚刚发现了一种基本上可以将所有属性从一个对象复制到另一个对象的简洁方法: function Person(name){ this.name="Mr or Miss
class A { public override int GetHashCode() { return 1; } } class B : A { pu
我有一个 Base32 信息哈希。例如IXE2K3JMCPUZWTW3YQZZOIB5XD6KZIEQ ,我需要将其转换为base16。 我怎样才能用 PHP 做到这一点? 我的代码如下所示: $ha
我已经使用其实验界面对 Google Analytics 进行了一些实验,一切似乎都运行良好,但我无法找到 Google Analytics 属性如何达到变体目标的答案,即归因 session - 基
if (state is NoteInitial || state is NewNote) return ListView.builder(
MSVC、Clang 和 GCC 不同意此代码: struct Base { int x; }; struct Der1 : public Base {}; struct Der2 : public
我已经尝试构建一个 Base 10 到 Base 2 转换器... var baseTen = window.prompt("Put a number from Base 10 to conver
我是一名优秀的程序员,十分优秀!