删除图片

<div class="modal-body" style="max-height: 350px;">
                                <p>签收单:</p>
                                <div class="recpyimg" >
                                    <ul>
                                        <li class="hdhd">
                                            <a href="assets/img/gallery/image1.jpg" rel="lightbox-group" title="">
                                            <img  src="assets/img/gallery/image1.jpg" /></a>
                                        <span onclick="deleteimg(this)"><i class="icon-trash"></i></span>
                                    <!--        <a href="javascript:void(0)"><img src="assets/img/gallery/image1.jpg"  onMouseOver="toolTip(‘<img src=assets/img/gallery/image1.jpg>‘)" onMouseOut="toolTip()"></a>    -->
                                        </li>
                                        <li>
                                            <a href="assets/img/gallery/image2.jpg" rel="lightbox-group" title="">
                                            <img  src="assets/img/gallery/image2.jpg" /></a>
                                        <span onclick="deleteimg(this)"><i class="icon-trash"></i></span>
                                        </li>
                                        <li>
                                            <a href="assets/img/gallery/image3.jpg" rel="lightbox-group" title="">
                                            <img  src="assets/img/gallery/image3.jpg" /></a>
                                        <span onclick="deleteimg(this)"><i class="icon-trash"></i></span>
                                        </li>

                                    </ul>
                                    <div class="clearfix"></div>
                                </div>
                                <div class="clearfix"></div>
                                <p>验货图片:</p>
                                <div class="recpyimg" >
                                    <ul>
                                        <li>
                                            <a href="assets/img/gallery/image4.jpg" rel="lightbox-group" title="">
                                            <img  src="assets/img/gallery/image4.jpg" /></a>
                                        <span onclick="deleteimg(this)"><i class="icon-trash"></i></span>
                                        </li>
                                        <li>
                                            <a href="assets/img/gallery/image5.jpg" rel="lightbox-group" title="">
                                            <img  src="assets/img/gallery/image5.jpg" /></a>
                                        <span onclick="deleteimg(this)"><i class="icon-trash"></i></span>
                                        </li>
                                        <li>
                                            <a href="assets/img/gallery/image2.jpg" rel="lightbox-group" title="">
                                            <img  src="assets/img/gallery/image2.jpg" /></a>
                                        <span onclick="deleteimg(this)"><i class="icon-trash"></i></span>
                                        </li>
                                        <li>
                                            <a href="assets/img/gallery/image1.jpg" rel="lightbox-group" title="">
                                            <img  src="assets/img/gallery/image1.jpg" /></a>
                                        <span onclick="deleteimg(this)"><i class="icon-trash"></i></span>
                                        </li>
                                        <li>
                                            <a href="assets/img/gallery/image3.jpg" rel="lightbox-group" title="">
                                            <img  src="assets/img/gallery/image3.jpg" /></a>
                                        <span onclick="deleteimg(this)"><i class="icon-trash"></i></span>
                                        </li>
                                    </ul>
                                    <div class="clearfix"></div>
                                </div>
                                </div>

/*已回单编辑删除图片*/
.recpyimg ul{list-style: none;}
.recpyimg ul li{width: 150px; height: 100px; margin-right: 10px;margin-bottom:32px;border: 1px solid #ccc;float: left;}
.recpyimg ul li img{width: 100%; height: 100%;}
.recpyimg ul li span{
    display: block;
    width: 150px;
    height: 22px;
    line-height: 25px;
    text-align: center;
    background-color: #CACACA;
    cursor: pointer;
}
.recpyimg ul li span i{font-size: 18px;}
.recpyimg ul li span:hover{ background-color: #8E8E8E;}
.recpyimg ul li span:hover i{ color: #fff;}

function deleteimg(that){
                var i=window.confirm("您确定删除该图片？");
               if(i==true){
                   console.log($(that).parent("li"));
                   $(that).parent("li").remove();
               }else{
                   return false;
               }

            }

时间： 2024-11-16 17:57:50

删除图片的相关文章

图片系统架构思考之一：删除图片--不容忽视

对于一个网站系统,图片的处理往往是一个不可或缺的事情,不管是淘宝还是京东,每天都有大量的产品上架.下架,其中就涉及到了大量图片的管理.比如很简单的一个产品表,里面有:产品ID.产品名称.产品图片字段,此时应该怎么保存产品图片呢? 一种方式是将图片保存到数据库里面,采用blob类型的字段,此时该字段的内容就是图片的二进制表示:另外一种方式是将图片保存到普通的文件系统上,比如windows或者linux的分区上,在数据库的相应字段中保存的是该图片文件的路径信息,该模式的一个简单示意图如下:当客户端

在office2010怎么样删除图片背景

在网络上找到一张图片,当你只想要某些部分,但不想要图片的背景的时候,应该怎么办呢,当然你可以借助专业的图片处理工具,如:PS,然后对于大多数没有接触过此软件的同学来说要将背景去掉,实属不易,有没有简单易懂的方法呢,当然是有的,比如我们就可以用office自带的删除背景功能,达到预期效果.首先,点击"插入"里面的"屏幕截图"从网络上截取一个图片,你也可以直接从本地选取一张要处理的图片.选中要处理的图片,点击"格式"找到最左边的"删除背景&

excel如何批量删除图片

编辑-定位-定位条件-对象-确定-DELETE,即将全部图片都删除了: 发现全部被选中了. 直接Delete掉就可以了. excel如何批量删除图片

C#删除图片问题

public Image GetImage(string path) { FileStream fs = new FileStream(path, FileMode.Open, FileAccess.Read); Image result = Image.FromStream(fs); fs.Close(); return result; }C#删除图片问题

Xcode中关于已删除图片或文件编译出现CpResource或者CopyPNGFile can't find file的错误

Xcode中关于已删除图片或文件编译出现CpResource或者CopyPNGFile can't find file的错误今天整理项目,准备把未用到的png给删了,结果编译出现CopyPNGFile error找不到文件和 CpResource error , No such file or directory等错误.仔细检查发现图片确实删了,代码中相关的代码也都修改掉了,但是一直编译不成功,最后google一把 Xcode也没有任何的相关解决办法. 那么只好用最粗暴的手段直接修改

Magento删除产品同时删除图片

在Magento后台删除产品时,默认不会删除产品的图片,如果长期不清理这些废弃的图片,会导致Media目录下的文件越来越多,浪费服务器空间,为了实现删除产品的同时删除图片,网络上常见的方法是修改Mage_Catalog_Model_Product的delete()方法: 把 public function delete() { parent::delete(); Mage::dispatchEvent($this->_eventPrefix.'_delete_after_done', array

微信小程序上传、预览、删除图片

<view class="allImgBox"> <view class="imgBox" wx:for="{{imgs}}" wx:for-item="item" wx:key="*this"> <image src="{{item}}" data-index="{{index}}" mode="aspectFill"

H5实现查看图片和删除图片的效果

在最近的项目中,H5需要实现查看图片和删除图片的效果,总结如下: 一.查看图片查看图片使用weui的gallery.首先添加gallery的html,然后隐藏. <div class="weui-gallery" style="display: none"> <span class="weui-gallery__img"> <img> </span> <div class="weu

vue， vux调用微信点击图片，上传图片，删除图片，接口，其中选图接口，苹果手机显示有问题，查看不到图片，提交会提示fail not exist，解决如下

<template> <div v-cloak v-show="show"> <div v-show="mailbox"> <div class="deanMailbox" > <div class="deanMailDiv"> <div> <ul class="uplodeUl"> <li v-for="(