javascript - 是否可以将全尺寸图像从网站拖放到资源管理器中,其中仅显示缩略图

标签 javascript html css

是否可以将全尺寸图像从网站拖放到资源管理器中,其中仅显示缩略图。

我想在网站上显示带有缩略图的画廊,并且应该可以通过将其拖放到窗口资源管理器中来下载完整尺寸的图像。

[编辑]:由于图像的大小,我不能只显示较小的全尺寸图像。

我会检查拖放事件。

最佳答案

感谢您的帮助,我真的很喜欢更改 src 属性的简单方法。

window.jQuery(document).ready(function () {
    let img = "#imageTest";
    function revert() {
        $(this).attr("src","https://placehold.it/200x200");
    }
    $(img).on('mousedown', function () {
        $(this).attr("src","https://placehold.it/2000x2000");
    });
    $(img).on("drag", revert)
    $(img).on("mouseup", revert);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<img id='imageTest' width="200px" class="image-preview" 
 src="https://placehold.it/200x200" alt="preview">

关于javascript - 是否可以将全尺寸图像从网站拖放到资源管理器中,其中仅显示缩略图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54421168/

相关文章:

html - 如何确保特定子元素始终显示在父元素中,即使内容太大无法容纳所有子元素?

javascript - 您是否重复使用选择框中的值?

html - mailto HTML 最佳实践

css - 从另一个网站获取 css 样式框的简单方法?

javascript - 删除 :before or :after CSS element and it's property with Jquery

javascript - firewatch 视差效果与上面的另一个 div 和内容

javascript - 在 JavaScript 代码中重构 switch-case 语句

javascript - 当元素在 angularjs 中显示或隐藏时,如何在指令中获取监视函数来触发

javascript - AngularJS:ng-repeat 跨多个 div

javascript - 更改突出显示颜色