长按图片实现删除功能

最新推荐文章于 2021-01-17 14:36:25 发布
最新推荐文章于 2021-01-17 14:36:25 发布
阅读量1.2k 收藏 2
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wyh_mwk/article/details/81779280
版权

1、先在img标签内写一个on-hold指令，传参数index；

2、splice()方法，第一个参数代表索引值的位置，第二个参数代表删除的个数。

 

王18
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
仿微信选择图片，支持选择多张，长按删除
07-31
仿微信选择图片，支持选择多张，长按删除。是网上资源的改良版
Android仿qq长按删除功能效果
08-04
博客地址:http://blog.csdn.net/lowprofile_coding/article/details/47272471
小程序实现长按删除图片
weixin_33737774的博客
05-17 603
小程序实现长按删除图片 说明 最近在学小程序,遇到长按图片删除的问题,特此记录,记录自己的成长轨迹 需求: 长按删除指定图片 需要解决的问题 长按事件如何表示出来? 如何获取当前长按元素的下标? 如何删除元素? 解决办法 长按事件是用bindlongpress(不会跟点击事件bindtap冲突); 在wxml中添加索引index,然后在js中用curren...
长按实现图标抖动和删除的代码例子
renzhelife
07-07 378
<style type="text/css"> p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Menlo} p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Menlo; min-height: 13.0px} p.p3 {margin: 0.0px 0.0px 0.0px ...
使用JS实现多图片在前台展示，删除及上传的案例
BKOO_94的博客
12-02 940
有不少插件都能实现图片上传删除的功能，但是有时候我们需要有一些独特的样式，是插件所不能实现的，而且理解一些图片上传的原理也是件挺好的事情。 之前的项目就有这个需求，因为该项目是一个比较小的手机端的页面，想着再引进去一个插件也没必要，所以就自己写了个小demo，比较简陋，不足之处可以给点意见。 在页面上就使用input type='file’来访问相机或者本地图库 <div class="ph...
微信小程序实现长按删除图片的示例
08-27
通过这个方法，我们可以获取当前长按元素的下标，从而实现删除图片的功能。 知识点三：删除元素 在小程序中，我们可以使用splice方法来删除元素，例如：images.splice(index, 1);这个方法可以删除当前元素，从而...
iOS实现点击图片放大和长按保存图片的示例
08-27
实现点击图片放大和长按保存图片的示例需要封装一个继承 NSObject 的类 FBYImageZoom，该类将负责处理图片的缩放功能。同时，需要给 UIImageView 添加手势，例如点击事件和长按事件。 二、实现思路分析 实现点击...
长按删除摆动动态gif图片
04-06
本文将详细探讨如何实现“长按删除”功能，并结合“动态gif图片”和“抖动效果”，尤其针对gridView这一组件进行深入讲解。 首先，让我们关注“长按删除”功能。在Android中，我们可以利用`OnLongClickListener`...
实现图片滑动和删除功能
04-04
删除图片时自动移动的功能，是通过监听用户的删除操作，比如长按手势识别器（UILongPressGestureRecognizer）或滑动手势识别器（UISwipeGestureRecognizer）。一旦检测到删除手势，就可以执行上述的删除和视图调整...
Android中实现长按照片弹出右键菜单功能的实例代码
08-25
Android中实现长按照片弹出右键菜单功能的实例代码 Android 是一个流行的移动操作系统，提供了丰富的用户界面组件和交互方式，长按事件是其中一种重要的交互方式，通过长按事件可以弹出右键菜单，实现更多的功能。...
长按删除简单实现
07-24
swift项目,如果你的项目左划删除产生手势冲突,果断用长按删除吧,实现简单,按照这个例子你可以实现你的自定义cell的多重需求.
Gridview 长按可拖动图片功能！可长按删除，交换位置。
12-07
可长按删除，交换位置”是一个高级功能，涉及到触摸事件处理、自定义适配器以及动画效果的实现。下面将详细讲解如何在GridView中实现这些特性。 1. **长按事件处理**： 在Android中，我们可以使用`...
实现长按选择菜单
04-05
这个名为"实现长按选择菜单"的源码案例，由开发者brucetoo创建，其主要目标是展示如何使用PinterestView来创建这样一个功能。PinterestView是一个模仿Pinterest网站界面效果的自定义视图，它允许用户在屏幕上长按时...
avalon js实现仿微博拖动图片排序
10-23
玩微博的朋友都上传过图像吧，当图片上传后用户是可以随意拖动图片的，调整图片的顺序，那么此功能是怎么实现的，下面小编通过此篇文章给大家详解基于avalon js实现仿微博拖动图片排序，需要的朋友可以参考下
Android实现可拖拽的GridView效果长按可拖拽删除数据源
01-05
简单修改，完成自己想要的功能：长按，移到垃圾桶，删除数据。 主要思路是： 1.获取到用户长按的操作 2.获取按下的图片的bitmap以及移动的时候动态刷新镜像 3 action_up的时候判断镜像的位置，进入是否删除逻辑 ...
js长按删除_移动端HTML5怎么实现模拟长按删除事件
weixin_33254139的博客
01-17 469
移动端HTML5怎么实现模拟长按删除事件发布时间：2020-07-10 13:59:34来源：亿速云阅读：184作者：Leah移动端HTML5怎么实现模拟长按删除事件？相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。为啥写这篇文章最近接了个需求，要求长按某个标签显示删除一个悬浮的删除按钮。这个需求其实在app上很常见，但是在移动端h6中，...
js给img标签实现双击删除图片
qToHoTp的博客
06-22 1730
1、首先在代码加载完之后，遍历一个标签内的所有img标签，给这些标签全都带上“id” obj.preview(function (index, file, result) { $(".layui-upload-list").append('<img src="' + result + '" id="remove_' + index + '" title="双击删除该图片" style="width:200px;height:auto;">') //console.log(1, index)
js实现上传前删除指定图片
weixin_30808575的博客
06-12 1504
"上传之前"移除选错图片代码: 此处效果为:点击需要删除的图片,确认删除就可以了. 转载于:https://www.cnblogs.com/mangwusuozhi/p/9171851.html
android图片管理,基于Android的图片管理器设计与实现
最新发布
05-25
设计思路： 1. 图片展示：使用RecyclerView进行图片展示，每个Item展示一张图片，可以使用Glide进行图片加载和显示。 2. 图片选择：可以使用系统提供的MediaStore来获取手机中的图片，并通过RecyclerView的Item来进行选择。 3. 图片删除：通过长按某一张图片，弹出删除对话框，用户确认后进行删除。 4. 图片分享：可以通过使用系统提供的分享功能，将图片分享到其他应用中，也可以使用第三方分享SDK来实现。 5. 图片编辑：可以使用第三方图片编辑SDK来进行图片的编辑，比如添加滤镜、调整亮度、对比度等。 实现步骤： 1. 创建一个包含RecyclerView的Activity，并在布局文件中添加RecyclerView。 2. 使用MediaStore获取手机中的图片，并通过Adapter将图片展示在RecyclerView中。 3. 通过RecyclerView的Item来进行图片的选择，可以通过设置Item的点击事件来实现。 4. 长按某一张图片，弹出删除对话框，用户确认后进行删除。 5. 分享图片可以通过设置Item的长按事件，调用系统分享功能或使用第三方分享SDK。 6. 编辑图片可以通过设置Item的点击事件，跳转到第三方编辑SDK，对图片进行编辑。 代码示例： 1. 获取手机中的图片 ```java public ArrayList<String> getImages() { ArrayList<String> imageList = new ArrayList<>(); String[] projection = {MediaStore.Images.Media.DATA}; Cursor cursor = getContentResolver().query(MediaStore.Images.Media.EXTERNAL_CONTENT_URI, projection, null, null, null); if (cursor != null) { while (cursor.moveToNext()) { String path = cursor.getString(cursor.getColumnIndex(MediaStore.Images.Media.DATA)); imageList.add(path); } cursor.close(); } return imageList; } ``` 2. 使用Glide加载图片 ```java Glide.with(this).load(imagePath).into(imageView); ``` 3. RecyclerView的Item点击事件 ```java adapter.setOnItemClickListener(new OnItemClickListener() { @Override public void onItemClick(View view, int position) { // 选择图片 } }); ``` 4. RecyclerView的Item长按事件 ```java adapter.setOnItemLongClickListener(new OnItemLongClickListener() { @Override public void onItemLongClick(View view, int position) { // 删除图片 } }); ``` 5. 分享图片 ```java Intent shareIntent = new Intent(Intent.ACTION_SEND); shareIntent.setType("image/*"); Uri uri = Uri.fromFile(new File(imagePath)); shareIntent.putExtra(Intent.EXTRA_STREAM, uri); startActivity(Intent.createChooser(shareIntent, "分享图片")); ``` 6. 跳转到第三方编辑SDK ```java Intent editIntent = new Intent(Intent.ACTION_EDIT); editIntent.setDataAndType(Uri.fromFile(new File(imagePath)), "image/*"); startActivity(Intent.createChooser(editIntent, "编辑图片")); ```
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值