标签: image-loading

我想在加载图像后创建一个警告框,但如果图像保存在浏览器缓存中,.onload则不会触发该事件.

无论图像是否已被缓存,如何在加载图像时触发警报？

var img = new Image();
img.src = "img.jpg";
img.onload = function () {
   alert("image is loaded");
}

有没有办法确定图像路径是否会导致实际图像,即检测到图像无法在Javascript中加载.

对于Web应用程序,我正在解析xml文件并从图像路径列表中动态创建HTML图像.服务器上可能不再存在某些映像路径,因此我希望通过检测哪些映像无法加载并删除该HTML img元素来优雅地失败.

注意JQuery解决方案无法使用(老板不想使用JQuery,是的,我知道不要让我开始).我知道在JQuery中检测图像何时加载的方法,但不知道它是否失败.

我的代码创建img元素,但我如何检测img路径是否导致无法加载图像？

var imgObj = new Image();  // document.createElement("img");
imgObj.src = src;

我使用Picasso从磁盘加载图像,例如,Picasso.with(ctx).load(new File("/path/to/image")).into(imageView)但每当我在该文件中保存新图像并刷新我的时候ImageView,Picasso仍然会缓存位图.

是否有可能使Picasso中的缓存无效？

我一直在试图弄清楚如何通过React和Webpack动态添加图像.我在src/images下有一个图像文件夹, 在src/components/index下有一个组件.我正在使用url-loader和webpack的以下配置

    {
      test: /\.(png|jpg|)$/,
      loader: 'url-loader?limit=200000'
    }

在我知道的组件中,我可以在创建组件之前为文件顶部的特定图像添加require(image_path),但是我想让组件成为通用的,并让它获取一个属性,其中包含从中传递的图像的路径父组件.

我试过的是:

<img src={require(this.props.img)} />

对于实际属性,我已经尝试了几乎所有我能想到的项目根目录,反应应用程序根目录和组件本身的路径.

文件系统

|-- src
|   ` app.js
|   `--images
|      ` image.jpg
|      ` image.jpg
|   `-- components
|      `parent_component.js
|      `child_component.js

父组件基本上只是一个容纳孩子倍数的容器,所以......

<ChildComponent img=data.img1 />
<ChildComponent img=data.img2 />
etc....

是否有任何方法可以使用react和webpack与url-loader进行此操作,或者我只是走错路来接近这个？

我正在使用Picasso库从网络上下载图像.我只是想知道我是否可以使用进度对话框或GIF图像作为占位符？还有任何想法如何使占位符图像比下载的实际图像更小(并适合中心)？

我试过通过样品,但没有运气.有谁在这里工作？

我在使用新的Volley库实现Image缓存时遇到了麻烦.在演示文稿中,代码看起来像这样

mRequestQueue = Volley.newRequestQueue(context);
mImageLoader = new ImageLoader(mRequestQueue, new BitmapLruCache());

BitmapLruCache显然不包含在工具包中.知道如何实现它或指向一些资源？

http://www.youtube.com/watch?v=yhv8l9F44qo @ 14:38

谢谢!

我有两个文件:

• ./img/mypic.png
• ./js/help/targets/target.js

在target.js中:

<img src={require("../../../img/target.png")} />

使用webpack.config.js:

 14   module: {
 15     loaders: [
 16       { test: /\.js$/, loader: 'jsx-loader?harmony' },
 17       { test: /\.css$/, loader: 'style-loader!css-loader' },
 18       { test: /\.(png|jpg|jpeg|gif|woff)$/, loader: 'url-loader?limit=8192' },

将图像编译成./[hash].png.

现在,我使用react-router,所以我在/help/targets/target和webpack给图像这个路径/help/targets/[hash].png,其中哈希是一个sha1和.我更愿意,如果它给它的路径/[hash].png.只是

如何使webpack了解对于这个js文件,图像的文件路径是否与浏览器中的相同？

我想在Imageview上加载图像时显示淡入淡出效果.我正在使用毕加索来缓存图像并在图像视图中显示.我已经搜索了很多,但无法找到任何解决方案.

我之前使用过,我知道在某些版本中他们有.fade(int Duration)方法在加载时淡化图像,但我再也找不到这个方法了.

这就是我现在正在做的事情

Picasso.with(context)
                .load(viewHolder.data.imageList.get(0).url)
                .networkPolicy(NetworkPolicy.OFFLINE)
                .placeholder(R.drawable.a_place_holder_list_view)
                .error(R.drawable.a_place_holder_list_view)
                .into(viewHolder.ivUser, context.loadImage(viewHolder.ivUser, viewHolder.data.imageList.get(0).url));


public Callback loadImage(RoundedImageView ivUser, String url) {
    return new callback(ivUser, url);
}

public class callback implements Callback {

    RoundedImageView imageView;
    String url;

    public callback(RoundedImageView imageView, String url) {
        this.imageView = imageView;
        this.url = url;
    }

    @Override
    public void onSuccess() {

    }

    @Override
    public void onError() {
        Picasso.with(BaseActivity.this)
                .load(url)
                .placeholder(R.drawable.a_place_holder_list_view)
                .error(R.drawable.a_place_holder_list_view)
                .into(imageView, new Callback() {
                    @Override
                    public void onSuccess() {

                    }

                    @Override
                    public void onError() {
                        Log.v("Picasso", "Could not …

我需要将Sd卡中的图像加载到gridview中.为了提高效率,我正在使用毕加索图书馆

Picasso.with(activity).load(images.get(position).getDataPath())
            .resize(96, 96).centerCrop().into(viewHolder.image);

我在适配器中使用了以下代码.很遗憾,我无法看到任何图片,所以请任何人帮忙.

注意 并且任何人都可以建议任何有效的图像加载库来加载SD卡中的图像.

要求 我每次滚动时都不要加载图像.如果已经加载,请不要在滚动时加载图像

我正在开发一个应用程序,我需要在列表中加载服务器映像.但是显示图像的方式有点不同.我需要在下载时显示图像,即逐个像素.最初,图像设置为模糊图像,而不是下载,图像设置得更清晰,并且会产生原始图像.如果你想看看我在说什么,你可以参考以下链接:

渐进式图像渲染

在这里你可以看到优质PNG风格的二维隔行渲染(第二个)的演示.我g目结舌但没有找到任何相关的答案我的查询.

任何形式的帮助都是值得的.

提前致谢.