宋晓波Enjoy_Code
宋晓波Enjoy_Code

layui多图片上传并预览

layui多图片上传1.0更新（1）图片上传本地目录（2）删除本地页面图片（非删除本地目录文件图片）

一、控制器
public function upload(){
    $pathName  =  $this->request->param('path');//图片存放的目录
    $file = request()->file('file');//获取文件信息
    $path =  'static/uploads/' . (!empty($pathName) ? $pathName : 'case_images');//文件目录
    //创建文件夹
    if(!is_dir($path)){
        mkdir($path, 0755, true);
    }
    $info = $file->move($path);//保存在目录文件下
    if ($info && $info->getPathname()) {
        $data = [
            'status' => 1,
            'data' =>  '/'.$info->getPathname(),
        ];
        echo exit(json_encode($data));
    } else {
        echo exit(json_encode($file->getError()));
    }
}
二、视图
html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>tp5 + layui 上传图片title>
    <link rel="stylesheet" href="/static/admin/lib/layui/css/layui.css">
    <script src="https://code.jquery.com/jquery-3.3.1.min.js">script>
    <script src="/static/admin/lib/layui/layui.js">script>
    <style type="text/css">
        .box{
            margin-top: 10%;
            margin-bottom: 10px;
            color: #FF5722;
            font-size: 18px;
            margin-left: 45%;
        }
        .box1{
            width: 900px;
            height: 500px;
            margin-left: auto;
            border:solid  1px;
            margin-right:auto;
        }
        .box1 .controls{

        }
        .upload-icon-img{
            width:120px;
        }
        .upload-pre-item{
            position: relative;
        }
        .upload-pre-item .img{
            margin-top: 5px;
            width: 116px;
            height: 76px;
        }
        .upload-pre-item i {
            position: absolute;
            cursor: pointer;
            top: 5px;
            background: #2F4056;
            padding: 2px;
            line-height: 15px;
            text-align: center;
            color: #fff;
            margin-left: 1px;
            /* float: left; */
            filter: alpha(opacity=80);
            -moz-opacity: .8;
            -khtml-opacity: .8;
            opacity: .8;
            transition: 1s;
        }
        .upload-pre-item i:hover{transform:rotate(360deg);}
        .upload-pre-item,.upload-icon-img{
            width:120px;
            float: left;
            margin-left: 8px;
        }
    style>
head>
<body>
<div class="box"><span style="">tp5 + layui 上传图片span>div>
<div class="box1">
    <div class="controls need-img">
        <button type="button" class="layui-btn layui-btn-primary" id="upload_img_icon">上传图片button>
        <div class="upload-img-box">
        div>
    div>
div>
<script>
    var upurl = "{:url('xiaoguotu/upload')}"; //上传图片地址
    layui.use(['layer','upload'], function(){
        var layer = layui.layer;
        var upload = layui.upload;
        upload.render({ //上传图片
            elem: '#upload_img_icon',
            url: upurl,
            multiple: true, //是否允许多文件上传。设置 true即可开启。不支持ie8/9
            auto:true,//自动上传
            before: function(obj) {
                layer.msg('图片上传中...', {
                    icon: 16,
                    shade: 0.01,
                    time: 0
                })
            },
            done: function(res) {
                layer.close(layer.msg('上传成功！'));
                $('.upload-img-box').append('
deleteImg($(this))"   class="layui-icon">+ res.data + '" class="img" >+ res.data + '" />
');
            }
            ,error: function(){
                layer.msg('上传错误！');
            }
        });

    });
    function deleteImg(obj){
        //删除页面信息
        obj.parent().parent('.upload-icon-img').remove();
        //删除本地图片（ajax)
        //删除数据库图片
    }
script>
body>
html>
三、以上是我这些天学习layui多图片上传，大家有什么好思路请给我留言或者加QQ913582934共同交流共同进步，最新版也将在之后陆续更新，感谢大家的来访！

你可能感兴趣的:(多图片上传)

  • Laravel 多图片上传 —Qeyser HtmlLaravellaraveljavascript前端
    Laravel+htmljs图片上传实现前端代码多图片上传（最多5张）.image-preview{display:flex;flex-wrap:wrap;margin-top:20px;}.image-previewimg{max-width:100px;max-height:100px;margin:5px;border:1pxsolid#ccc;border-radius:5px;}.upl
  • uniapp表单上传多张图片 ljw@lq uniappjavavue
    uniapp实现表单内多图片上传注意事项：只有app支持多图片上传，小程序只能一张一张传需求描述：表单数据和选择的多张照片同时提交，效果如下所示：话不多说，上代码，前端代码：问题描述请录入问题描述照片提交取消exportdefault{data(){return{show:false,formData:{description:''},fileList:[],srcs:[],execId:0,ta
  • Asp.Net Core 2.1 WebAPI 通过IFormFileCollection实现多图片上传 杰里赫 Asp.NetCoreASP.NetCore2.1.NetCoreWebAPI多图片上传图片上传
    背景关于官方教程上传测试页面第一个版本（基于List）设置断点测试测试结果第二个版本（基于IFormFileCollection）测试结果总结背景最近在学习ASP.NetCore2.1WebAPI，在做一个基于Xamarin.Forms3.1App和WebAPI后端的小项目，其中有个功能要从手机端选择多张图片并且上传到部署在AzureAppService上的WebAPI并把图片保存在wwwroot
  • 百度编辑器UEditor图片上传尺寸大小设置 King女王 网站百度编辑器修改图片尺寸大小
    Ueditor是百度出品的一个所见即所得的编辑器，经常会用在网站中富文本编辑中，但是图片太大经常会超出滚动条。Ueditor简单图片上传和多图片上传、下面我就以上两点说一下如何修改ueditor图片上传后内容尺寸过大。一、简单图片上传(simpleupload)图片尺寸修改1，资源文件ueditor.all.js，在Ueditor目录下。我们找到这个文件2，找到render:function(co
  • ionic2 实现多图片上传 洗耳恭听_kai
    日常开头图片系列插件的使用，主要有以下几个重要步骤：首先安装插件，对应的版本号要明确在config.xml中加上对应的插件名称和版本号然后删除之前的项目工程，ionicplatformrmandroid再新建项目工程，ionicplatformaddandroid打包debug包，ionicbuildandroid打包正式包，ionicbuildandroid--prod--release进入项目
  • Spring Boot 实现多图片上传并回显，涨姿势了～ 「已注销」 springbootjavaspring前端数据库
    SpringBoot2.0多图片上传加回显这两天公司有需求让做一个商户注册的后台功能，其中需要商户上传多张图片并回显。由于之前没做过这方面的东西，此篇文章用以记录一些知识点，以便后续查看。上传Controller的代码非常简单，由于用了SpringMVC框架，所以直接用MultipartFile来接即可。由于是多图片上传所以用数组来接。此处应该注意参数名应该和中的name值相对应@RequestM
  • layui 多图上传和删除图片 一个临漂的实习生 thinkphp5layuijavascriptecmascript
    显示层多图片上传或将照片拖到这里开始上传js代码-----url指向你的后台上传操作//多图片上传upload.render({elem:'#multiple_img_upload',url:'/admin/Goods/upload',multiple:true,before:function(obj){//预读本地文件示例，不支持ie8obj.preview(function(index,fil
  • vue+django+mysql实现的移动端二手交易应用 fanfei666
    这是一个用vue+django+mysql实现的移动端二手交易应用。效果展示1.gif相关仓库onehome：项目前端部分onehomeServer：项目后端部分onehomeDoc：项目的一些文档已完成功能[x]登录[x]注册[x]首页展示[x]发布商品信息（支持多图片上传）[x]收藏/取消收藏[x]私聊[x]搜索[x]消息提醒[x]上传图像[x]我的收藏[x]我的发布[x]修改密码[x]退出登
  • bootstrap-fileinput 多图片上传组件的使用 zhengTornado java-web
    在添加页面创建多图片上传组件博客封面：保存 关闭varprefix=ctx+"platform/tbBlogs"$("#form-tbBlogs-add").validate({onkeyup:false,rules:{xxxx:{required:true,},},focusCleanup:true});functionsubmitHandler(){if($.validate.for
  • 小程序uView2.X框架upload组件上传方法总结+避坑 前端小灰狼 小程序小程序
    呈现效果:1.1单图片上传1.2多图片上传前言:相信很多人写小程序会用到uView框架,总体感觉还算OK吧,只能这么说,肯定也会遇到图片视频上传,如果用到这个upload组件相信你,肯定遇到各种各样的问题,这是我个人总结的单图片和多图片上传方法.uView2.X框架:uView2.0-全面兼容nvue的uni-app生态框架-uni-appUI框架单图片上传:页面结构:（*请提供真实头像）1.首先
  • layui+java spring 实现图片文件新增到数据库 Luffe船长 javalayuispring
    项目场景：layui+javaspring实现图片文件新增到数据库解决方案：1.首先layui是个不再更新的网址有想了解的可以浏览官网表格组件table-Layui文档2.官网内有专门的组件代码直接粘过来即可Demo单图片上传多图片上传预览图：layui.use(function(){varupload=layui.upload;varlayer=layui.layer;varelement=la
  • 3,layui 上传组件后台代码分享 滔滔逐浪
    layui为节省服务器开销，以下示例均未配置真实上传接口，所以每次上传都会报提示：请求上传接口出现异常，这属于正常现象。常规使用：普通图片上传上传图片上传多张图片多图片上传预览图：指定允许上传的文件类型上传文件只允许压缩文件上传视频上传音频设定文件大小限制上传图片这里以限制60KB为例同时绑定多个元素，并将属性设定在元素上上传A上传B上传C选完文件后不自动上传选择文件开始上传拖拽上传点
  • Flutter 学习 对 图片文件的操作 半城半离人
    图片间格式的转换等操作图片文件转换成Base64转换思路File=>Uint8List=>Base64使用场景:有些接口需要多图片上传使用base64进行多组图片上传操作///文件转Uint8Liststaticfile2Uint8List(Filefile)async{Uint8ListimageBytes=awaitfile.readAsBytes();returnimageBytes;}//
  • uploadify多图片上传（html5版本） William_Wei007 前端技术类
    最近在做公司后台，关于项目发布的功能，需求中有多个图片上传的功能。故查询资料，开发整理如下(之前发过一版flash的，现在将html5整理如下，与之前那篇的差别就是插件参数的不同）。说明一下：在官网html5版本，是要收费的。首先下载相关的外部文件（js，css等）以及案例。1、地址：付费：http://www.uploadify.com/download/不付费：自己找，我是从http://ww
  • 在TP5.1中如何优雅的使用批量上传图片 77d9a3436b2c
    最近在开发社区超市项目的过程中，因为产品部分缩略图是多图片上传模式，在研究了TP官方文档的多图上传后在用户体验上没有达到理想的效果，后来通过查询相关资料，然后结合plupload组件解决！在此记一下！效果如下图：下面我把基本流程走一下！1、下载pupload组件，解压放入TP相关目录链接:https://pan.baidu.com/s/1gd77FwW1ohCHavJqC9Yjew提取码:739v
  • 若依的多图片上传/回显/保存多图片路径url逗号隔开存数据库,前后端都有,拷贝即用 RainCurtainTeaCat MonicaTeaCatjavajavascriptvue.js前端后端
    用户在前端上传不等数量图片,现在需要把其相对/绝对路径存进数据库中,方便后期使用和页面回显.后端存储pic字段是字符串用于用","逗号拼接多个图片url1.html代码:新增项目数据图片{{scope.row.pic}}预览图片前端走马灯浏览已经上传的图片前端JS方法,一共四个,1.上传前校验方法2.上传方法3.上传数量限制方法4.浏览/回显方法1.上传前校验方法,比较经典beforeUpload
  • uniapp 运用Promise实现多图片上传 夏末_阳光依然耀眼 uni-appjavascript前端
    使用业务场景，循环多个图片上传控件，每一个上传到指定字段；dom结构如下：{{item.key}}：仅支持.jpg,.jpeg,.png文件，最多能上传9个，且单个文件不超过20M5">js部分：varsourceType=[['camera'],['album'],['camera','album']]varsizeType=[['compressed'],['original'],['comp
  • 微信小程序多图片上传实用代码记录 红烧栗子黄瓜鱼 小程序前端微信小程序小程序
    微信小程序多图片上传实用代码记录由于在小程序中，wx.uploadFile只能一次上传一张图片，因此在一次需要上传多张图片的应用场景中例如商品图片上传、评论图片上传等场景下，不得不使用for等循环上传每一张图片，多次调用wx.uploadFile，由此引发了ajax的闭包问题。初始代码submit(){lettmparr=null;let_that=this;for(vark=0;k{wx.upl
  • Flutter图片上传(Dio + Image_picker) 醉挽清风_666
    PS:图片上传功能在项目中属于很常见的功能，网上也有蛮多图片上传的框架，看的眼花缭乱的。。。最后，本着自己最熟悉的才是最好的原则选择FlutterDio,所以项目中用的网络框架也是FlutterDio，直接拿来写个简单的demo，也算记录下Flutter踩坑心酸史吧。。。国际惯例（为了省事没做图片大小限制了。。。）test.gif废话不多说了，直接上代码，先添加两个依赖：dio:anyflutte
  • Taro React组件开发（10） —— RuiUploadImages 多图片上传组件【转 base64 实现】 Rattenking TaroReact入门到实战系列taroreact.jsnotepad++
    1.需求分析使用Taro.chooseImage实现图片的选择；使用Taro.request实现图片的上传；微信小程序使用Taro.getFileSystemManager的readFile实现本地图片的base64的转换；H5使用fetch和FileReader实现本地图片的base64的转换。2.微信小程序实现base64转换import{getFileSystemManager}from'@
  • SPRING MVC 模式下base64编码格式实现多图片上传，删除 加班狂魔 JAVAbase64图片
    前提:在H5多图上传的场合，file框的filelist属性是不可编辑的，所以，无法通过修正filelist属性来达到将上传的多图中某一张图片删除。那么就可以使用另一种方式来达到目的即：base64编码格式。背景知识：Base64是网络上最常见的用于传输8Bit字节代码的编码方式之一，大家可以查看RFC2045～RFC2049，上面有MIME的详细规范。Base64编码可用于在HTTP环境下传递较
  • layui多图片上传并限制上传的图片数量 十三月呀 框架JavaScript
    //给图片添加删除functionmouseChange(){$(document).on("mouseentermouseleave",".file-iteme",function(event){if(event.type==="mouseenter"){//鼠标悬浮$(this).children(".info").fadeIn("fast");$(this).children(".handl
  • C# MVC 多图片上传预览 黄瓜炒鸡蛋emm C#HTML5Layuic#mvcjavascriptlayui
    一.效果图：开发框架：MVC，Layui列表主界面这里就不展示了，可以去看看这篇文章：Layui项目实战，这里讲的是“上传Banner”界面功能：其中包括，多文件上传，预览，后台接收，保存，仅此而已二.项目代码：1.前端Html代码head头部代码块：注意：这里引用的是Layui和jQuery插件，不过重点功能还是在jQuery，Layui只是起到样式效果PushCircleBanner*{mar
  • vue 上传文件至阿里云oss qq_51538602 vuevue.js阿里云javascript
    先让后端在阿里云里面处理跨域问题参考这篇文章vue直传图片到阿里云OSS（单张直接上传）__小郑有点困了的博客-CSDN博客_vue阿里云背景：近期项目使用到多图片上传功能，常规的调用后端接口上传，可能会出现上传速度慢，体验不佳的情况。那么就考虑另一种上传方式。由前端直接上传到oss。快的一匹。。。经过摸索，也实现了。代码其实没啥难度，问题都出在阿里云这里，例如：跨域，读写权限等等，以及一个十分恶
  • layui多图片上传，限制重复图片，限制数量 我是舍长
    说明：layui本来多图片上传就可以限制上传重复图片，但是不会提示任何东西，可以利用uploadListIns=upload.render({})uploadListIns.config.elem.next()[0].value='';//清空inputfile值，以免删除后出现同名文件不可选后续只需要自己做重复判断提示即可html图片上传上传图片删除该张-->js//监听删除等待上传图片$('#
  • 文件upload 文件上传深入 Raral
    我记录这篇文章是因为开发过程中，发现上传业务有时候感觉不同平台自己有时一脸懵逼不知道咋样去优化这块业务，不同的后台实现咋样做不同的处理，以下介绍后台实现主要node和java为主，比如：手机端app图片上传，H5页面图片上传，后台管理系统不分离时的图片上传，分离后使用前端框架图片上传这里主要介绍vue，混合框架uni-app图片上传，还有多图片上传优化等H5页面文件上传敬请期待pc端文件上传（分离
  • 如何在前端用js进行多图片上传 瑞雪燕纷飞
    1、背景产品提了一个需求，要求在一个html中实现多行多图片上传，原型图如下:22、实现细节2.1：htmlhtml页面由前端实现，此处增加是为了配合图片单击放大图片功能的实现2.2：jsvarimgSrc_other=[];varimgFile_other=[];functionadd_file_image(id){varfileList=document.getElementById("fil
  • iOS 以formData形式，图片上传服务器 奇怪的她的他
    图片上传服务器（formData形式）网上有许多图片上传服务器的方法，但是我通过各种尝试之后发现只有这种能够和我们后台的开发人员相沟通，在此做点记录。注意：不管是多图上传还是单图上传，都需要用到AFNetWorking这个三方库（具体怎么用cocoapods导入我就不说了，百度一下就有），然后导入头文件#import1.单图上传（1）服务器接口文档：单图上传.png（2）服务器相关代码：后台基本实
  • Android自定义动态布局 — 多图片上传，2021最新阿里Android面经 m0_66264569 程序员架构移动开发android
    android:background="#cbcbcb"android:orientation=“vertical”android:padding=“0.2px”/>布局很简单，主要是id为layout_container的一个LinearLayout作为父布局。横向的线条和纵向的线条布局也很简单：下面是动态生成布局的实现方式：privatevoidinitUI(){setContentView(
  • 自定义vue组件--实现多图片上传 Instanceztt 前端vue.js前端javascriptjava
    一引入文件上传在日常的开发中是一项基本的操作,在前端中得以广泛的使用,因此将其封装成一个组件显得极为重要,本文主要是基于vue实现的自定义多图片上传组件.二自定义vue上传组件MultiUpload组件的封装importMultiUploadfrom'@/components/Upload/MultiUpload'components:{MultiUpload},-->exportdefault{
  • 戴尔笔记本win8系统改装win7系统 sophia天雪 win7戴尔改装系统win8
    戴尔win8 系统改装win7 系统详述 第一步：使用U盘制作虚拟光驱：         1）下载安装UltraISO：注册码可以在网上搜索。         2）启动UltraISO，点击“文件”—》“打开”按钮，打开已经准备好的ISO镜像文
  • BeanUtils.copyProperties使用笔记 bylijinnan java
    BeanUtils.copyProperties VS PropertyUtils.copyProperties 两者最大的区别是： BeanUtils.copyProperties会进行类型转换，而PropertyUtils.copyProperties不会。 既然进行了类型转换，那BeanUtils.copyProperties的速度比不上PropertyUtils.copyProp
  • MyEclipse中文乱码问题 0624chenhong MyEclipse
    一、设置新建常见文件的默认编码格式，也就是文件保存的格式。 在不对MyEclipse进行设置的时候，默认保存文件的编码，一般跟简体中文操作系统（如windows2000，windowsXP）的编码一致，即GBK。 在简体中文系统下，ANSI 编码代表 GBK编码;在日文操作系统下，ANSI 编码代表 JIS 编码。 Window-->Preferences-->General -
  • 发送邮件 不懂事的小屁孩 send email
    import org.apache.commons.mail.EmailAttachment; import org.apache.commons.mail.EmailException; import org.apache.commons.mail.HtmlEmail; import org.apache.commons.mail.MultiPartEmail;
  • 动画合集 换个号韩国红果果 htmlcss
    动画 指一种样式变为另一种样式 keyframes应当始终定义0 100 过程 1 transition  制作鼠标滑过图片时的放大效果 css .wrap{ width: 340px;height: 340px; position: absolute; top: 30%; left: 20%; overflow: hidden; bor
  • 网络最常见的攻击方式竟然是SQL注入 蓝儿唯美 sql注入
    NTT研究表明，尽管SQL注入（SQLi）型攻击记录详尽且为人熟知，但目前网络应用程序仍然是SQLi攻击的重灾区。 信息安全和风险管理公司NTTCom Security发布的《2015全球智能威胁风险报告》表明，目前黑客攻击网络应用程序方式中最流行的，要数SQLi攻击。报告对去年发生的60亿攻击 行为进行分析，指出SQLi攻击是最常见的网络应用程序攻击方式。全球网络应用程序攻击中，SQLi攻击占
  • java笔记2 a-john java
    类的封装： 1，java中，对象就是一个封装体。封装是把对象的属性和服务结合成一个独立的的单位。并尽可能隐藏对象的内部细节（尤其是私有数据） 2，目的：使对象以外的部分不能随意存取对象的内部数据（如属性），从而使软件错误能够局部化，减少差错和排错的难度。 3，简单来说，“隐藏属性、方法或实现细节的过程”称为——封装。 4，封装的特性：       4.1设置
  • [Andengine]Error：can't creat bitmap form path “gfx/xxx.xxx” aijuans 学习Android遇到的错误
            最开始遇到这个错误是很早以前了，以前也没注意，只当是一个不理解的bug，因为所有的texture，textureregion都没有问题，但是就是提示错误。 昨天和美工要图片，本来是要背景透明的png格式，可是她却给了我一个jpg的。说明了之后她说没法改，因为没有png这个保存选项。 我就看了一下，和她要了psd的文件，还好我有一点
  • 自己写的一个繁体到简体的转换程序 asialee java转换繁体filter简体
              今天调研一个任务，基于java的filter实现繁体到简体的转换，于是写了一个demo，给各位博友奉上，欢迎批评指正。          实现的思路是重载request的调取参数的几个方法，然后做下转换。          
  • android意图和意图监听器技术 百合不是茶 android显示意图隐式意图意图监听器
    Intent是在activity之间传递数据;Intent的传递分为显示传递和隐式传递   显式意图：调用Intent.setComponent() 或 Intent.setClassName() 或 Intent.setClass()方法明确指定了组件名的Intent为显式意图，显式意图明确指定了Intent应该传递给哪个组件。   隐式意图;不指明调用的名称,根据设
  • spring3中新增的@value注解 bijian1013 javaspring@Value
            在spring 3.0中，可以通过使用@value，对一些如xxx.properties文件中的文件，进行键值对的注入，例子如下： 1.首先在applicationContext.xml中加入：  <beans xmlns="http://www.springframework.
  • Jboss启用CXF日志 sunjing logjbossCXF
    1. 在standalone.xml配置文件中添加system-properties：     <system-properties>        <property name="org.apache.cxf.logging.enabled" value=&
  • 【Hadoop三】Centos7_x86_64部署Hadoop集群之编译Hadoop源代码 bit1129 centos
      编译必需的软件 Firebugs3.0.0 Maven3.2.3 Ant JDK1.7.0_67 protobuf-2.5.0 Hadoop 2.5.2源码包       Firebugs3.0.0   http://sourceforge.jp/projects/sfnet_findbug
  • struts2验证框架的使用和扩展 白糖_ 框架xmlbeanstruts正则表达式
    struts2能够对前台提交的表单数据进行输入有效性校验，通常有两种方式： 1、在Action类中通过validatexx方法验证，这种方式很简单，在此不再赘述； 2、通过编写xx-validation.xml文件执行表单验证，当用户提交表单请求后，struts会优先执行xml文件，如果校验不通过是不会让请求访问指定action的。 本文介绍一下struts2通过xml文件进行校验的方法并说
  • 记录-感悟 braveCS 感悟
    再翻翻以前写的感悟，有时会发现自己很幼稚，也会让自己找回初心。   2015-1-11 1. 能在工作之余学习感兴趣的东西已经很幸福了； 2. 要改变自己，不能这样一直在原来区域，要突破安全区舒适区，才能提高自己，往好的方面发展； 3. 多反省多思考；要会用工具，而不是变成工具的奴隶； 4. 一天内集中一个定长时间段看最新资讯和偏流式博
  • 编程之美-数组中最长递增子序列 bylijinnan 编程之美
    import java.util.Arrays; import java.util.Random; public class LongestAccendingSubSequence { /** * 编程之美 数组中最长递增子序列 * 书上的解法容易理解 * 另一方法书上没有提到的是，可以将数组排序（由小到大）得到新的数组， * 然后求排序后的数组与原数
  • 读书笔记5 chengxuyuancsdn 重复提交struts2的token验证
    1、重复提交 2、struts2的token验证 3、用response返回xml时的注意 1、重复提交 (1)应用场景 (1-1)点击提交按钮两次。 (1-2)使用浏览器后退按钮重复之前的操作，导致重复提交表单。 (1-3)刷新页面 (1-4)使用浏览器历史记录重复提交表单。 (1-5)浏览器重复的 HTTP 请求。 (2)解决方法 (2-1)禁掉提交按钮 (2-2)
  • [时空与探索]全球联合进行第二次费城实验的可能性 comsci
         二次世界大战前后,由爱因斯坦参加的一次在海军舰艇上进行的物理学实验 -费城实验   至今给我们大家留下很多迷团.....      关于费城实验的详细过程,大家可以在网络上搜索一下,我这里就不详细描述了      在这里,我的意思是,现在
  • easy connect 之 ORA-12154: TNS: 无法解析指定的连接标识符 daizj oracleORA-12154
    用easy connect连接出现“tns无法解析指定的连接标示符”的错误，如下： C:\Users\Administrator>sqlplus username/[email protected]:1521/orcl SQL*Plus: Release 10.2.0.1.0 – Production on 星期一 5月 21 18:16:20 2012 Copyright (c) 198
  • 简单排序:归并排序 dieslrae 归并排序
    public void mergeSort(int[] array){ int temp = array.length/2; if(temp == 0){ return; } int[] a = new int[temp]; int
  • C语言中字符串的\0和空格 dcj3sjt126com c
       \0 为字符串结束符，比如说：                       abcd (空格)cdefg； 存入数组时，空格作为一个字符占有一个字节的空间，我们
  • 解决Composer国内速度慢的办法 dcj3sjt126com Composer
    用法： 有两种方式启用本镜像服务： 1 将以下配置信息添加到 Composer 的配置文件 config.json 中（系统全局配置）。见“例1” 2 将以下配置信息添加到你的项目的 composer.json 文件中（针对单个项目配置）。见“例2” 为了避免安装包的时候都要执行两次查询，切记要添加禁用 packagist 的设置，如下 1 2 3 4 5
  • 高效可伸缩的结果缓存 shuizhaosi888 高效可伸缩的结果缓存
    /** * 要执行的算法，返回结果v */ public interface Computable<A, V> { public V comput(final A arg); }   /** * 用于缓存数据 */ public class Memoizer<A, V> implements Computable<A,
  • 三点定位的算法 haoningabc c算法
    三点定位， 已知a,b,c三个顶点的x,y坐标 和三个点都z坐标的距离，la，lb,lc 求z点的坐标 原理就是围绕a,b,c 三个点画圆，三个圆焦点的部分就是所求 但是，由于三个点的距离可能不准，不一定会有结果， 所以是三个圆环的焦点，环的宽度开始为0，没有取到则加1 运行 gcc -lm test.c test.c代码如下 #include "stdi
  • epoll使用详解 jimmee clinux服务端编程epoll
    epoll - I/O event notification facility在linux的网络编程中，很长的时间都在使用select来做事件触发。在linux新的内核中，有了一种替换它的机制，就是epoll。相比于select，epoll最大的好处在于它不会随着监听fd数目的增长而降低效率。因为在内核中的select实现中，它是采用轮询来处理的，轮询的fd数目越多，自然耗时越多。并且，在linu
  • Hibernate对Enum的映射的基本使用方法 linzx0212 enumHibernate
      枚举   /** * 性别枚举 */ public enum Gender { MALE(0), FEMALE(1), OTHER(2); private Gender(int i) { this.i = i; } private int i; public int getI
  • 第10章 高级事件（下） onestopweb 事件
    index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/
  • 孙子兵法 roadrunners 孙子兵法
    始计第一 孙子曰： 兵者，国之大事，死生之地，存亡之道，不可不察也。 故经之以五事，校之以计，而索其情：一曰道，二曰天，三曰地，四曰将，五 曰法。道者，令民于上同意，可与之死，可与之生，而不危也；天者，阴阳、寒暑 、时制也；地者，远近、险易、广狭、死生也；将者，智、信、仁、勇、严也；法 者，曲制、官道、主用也。凡此五者，将莫不闻，知之者胜，不知之者不胜。故校 之以计，而索其情，曰
  • MySQL双向复制 tomcat_oracle mysql
    本文包括: 主机配置 从机配置 建立主-从复制 建立双向复制   背景 按照以下简单的步骤: 参考一下： 在机器A配置主机(192.168.1.30) 在机器B配置从机(192.168.1.29) 我们可以使用下面的步骤来实现这一点   步骤1：机器A设置主机 在主机中打开配置文件 ,
  • zoj 3822 Domination(dp) 阿尔萨斯 Mina
    题目链接：zoj 3822 Domination 题目大意：给定一个N∗M的棋盘，每次任选一个位置放置一枚棋子，直到每行每列上都至少有一枚棋子，问放置棋子个数的期望。 解题思路：大白书上概率那一张有一道类似的题目，但是因为时间比较久了，还是稍微想了一下。dp[i][j][k]表示i行j列上均有至少一枚棋子，并且消耗k步的概率（k≤i∗j）,因为放置在i+1~n上等价与放在i+1行上，同理
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他