个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
过去几天我一直在使用 Rails，想知道在 Rails 和carrierwave 中上传之前显示图像预览的最佳方式是什么。
我遇到了一些选项，例如使用 plupload 或 jquery 文件上传或使用 uploadify。
最佳答案
如果你只需要在上传前在表单中预览图像，你(和我一样)会发现 JQuery Upload 插件太复杂而且不太容易正常运行(我能看到预览，但后来我看不到上传图片)。
http://saravani.wordpress.com/2012/03/14/preview-of-an-image-before-it-is-uploaded/
编码简单快速。
我把代码放在这里以防万一源死了:
脚本:
<!-- Assume jQuery is loaded -->
<script>
function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
$('#img_prev')
.attr('src', e.target.result)
.width(150)
.height(200);
};
reader.readAsDataURL(input.files[0]);
}
}
</script>
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<input type='file' onchange="readURL(this);" />
<img id="img_prev" src="#" alt="your image" />
</body>
关于ruby-on-rails - 在 Rails 和carrierwave 中上传之前显示图像预览的最佳方式，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11485967/
24
4
0
我有以下正则表达式 /[a-zA-Z0-9_-]/ 当字符串只包含从 a 到z 大小写、数字、_ 和 -。 我的代码有什么问题？ 能否请您向我提供一个简短的解释和有关如何修复它的代码示例？ //var
我是一名优秀的程序员,十分优秀！