weixin_30871905
weixin_30871905

js拖拽上传图片

有时候，在开发中，需要遇到拖拽上传图片的需求，即从磁盘选中一张或多张图片，然后按着鼠标把图片拖动到页面上指定的区域，实现图片的上传。

 需要购买阿里云产品和服务的，点击此链接领取优惠券红包，优惠购买哦，领取后一个月内有效： https://promotion.aliyun.com/ntms/yunparter/invite.html?userCode=fp9ccf07

1、后端上传图片的接口

我是之前用vue写一个简单的后台系统的时候，用Java的SpringMVC+MyBatis的框架写了一个简单的后台管理的一些接口，刚好有一个上传用户头像的接口，该接口是把上传后的图片存储在另外一台Tomcat下，这里就直接使用这个接口来上传图片。

/**
     * 上传用户头像
     * @param request
     * @param response
     */
    @ResponseBody
    @RequestMapping(value="uploadSysHeadImg.do", method=RequestMethod.POST)
    public void uploadSysHeadImg(HttpServletRequest request,HttpServletResponse response){
        JSONObject jo = new JSONObject();
        //校验token
//        boolean f = tokenService.checkToken(request, response);
//        if(!f){ return; }
        
        try {
            MultipartResolver resolver = new CommonsMultipartResolver(request.getSession().getServletContext());
            MultipartHttpServletRequest Murequest = resolver.resolveMultipart(request);       
            Map files = Murequest.getFileMap();//得到文件map对象
            // 实例化一个jersey
            Client client = new Client();
            
            List fileNameList = new ArrayList<>();
            List relaPathList = new ArrayList<>();
            List realPathList = new ArrayList<>();
            for(MultipartFile pic: files.values()){
                String uploadInfo = Upload.upload(client, pic, request, response, uploadHost, headImgPath);
                if(!"".equals(uploadInfo)){    //如果上传成功
                    String[] infoList = uploadInfo.split(";");
                    fileNameList.add(infoList[0]);    //文件名
                    relaPathList.add(infoList[1]);    //相对路径
                    realPathList.add(infoList[2]);    //真实路径
                }else{    //如果上传失败
                    fileNameList.add("");
                    relaPathList.add("");
                    realPathList.add("");
                }
            }
            jo.put("success", 1);
            jo.put("error", null);
            jo.put("fileNameList", fileNameList);
            jo.put("relaPathList", relaPathList);
            jo.put("realPathList", realPathList);
        }catch (Exception e) {
            jo.put("success", 0);
            jo.put("error", "上传失败");
        }
        ResponseUtils.renderJson(response, jo.toString());
    }

 

2、前端代码

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Documenttitle>
    <script src="https://cdn.bootcss.com/jquery/1.12.0/jquery.js">script>
    <style>
        #drop_area {
            position: relative;
            width: 300px;
            height: 150px;
            border: 1px dashed #ddd;
            border-radius: 5px;
            margin-bottom: 5px;
        }
        #drop_area .text {
            position: absolute;
            width: 100%;
            top: 60px;
            text-align: center;
            font-size: 14px;
        }
        #img_area {
            width: 300px;
        }
        #img_area img {
            width: 300px;
            margin-bottom: 5px;
        }
    style>
head>
<body>
    <div id="drop_area">
        <div class="text"><span>+span><span>将文件拖到此处，即可上传span>div>
    div>
    <div id="img_area">div>
body>

<script>
    var dp = document.getElementById('drop_area');
    dp.addEventListener('dragover', function(e) {
        e.stopPropagation();
        //阻止浏览器默认打开文件的操作
        e.preventDefault();
        e.dataTransfer.dropEffect = 'copy';
    });
    
    //单图上传
    // dp.addEventListener("drop", function(e) {
    //     e.stopPropagation();
    //     //阻止浏览器默认打开文件的操作
    //     e.preventDefault();
    //     var files = e.dataTransfer.files;
    //     var file = files[0];
    //     var formData = new FormData();
    //     formData.append("file", file);
    //     $.ajax({
    //         type: 'post',
    //         url: 'http://127.0.0.1:8081/ssm_project/sysUser/uploadSysHeadImg.do',
    //         data: formData,
    //         contentType: false, //必须  禁止jQuery设置Content-Type请求头
    //         processData: false, //必须  禁止jQuery处理发送的数据
    //         dataType: "json",
    //         success: function(res){
    //             if(res.success == 1){
    //             }
    //         },
    //     });
    // });

    //多图上传
    dp.addEventListener("drop", function(e) {
        e.stopPropagation();
        //阻止浏览器默认打开文件的操作
        e.preventDefault();
        var files = e.dataTransfer.files;
        var formData = new FormData();
        for(var i =0; i<files.length; i++){
            formData.append("file"+i, files[i]);
        }
        $.ajax({
            type: 'post',
            url: 'http://127.0.0.1:8081/ssm_project/sysUser/uploadSysHeadImg.do',
            data: formData,
            contentType: false, //必须  禁止jQuery设置Content-Type请求头
            processData: false, //必须  禁止jQuery处理发送的数据
            dataType: "json",
            success: function(res){
                if(res.success == 1){
                    res.realPathList.forEach(function(item){
                        $('#img_area').append(''+item+'">');
                    });
                }
            },
        });
    });
script>
html>

 

我在这里用的是jquery的ajax请求。

里面用的formData对象来上传图片的，该对象的作用是：

　　1、用一些键值对来模拟一系列表单控件，即把form中所有表单元素的name与value组装成一个queryString；

　　2、异步上传二进制文件。

另外有两个属性的值，我们必须要设置它们的值为false：

　　contentType: false, //必须 禁止jQuery设置Content-Type请求头

　   processData: false, //必须 禁止jQuery处理发送的数据

 

其中先封装了一个 formData 对象，然后使用 post 方法将文件传给服务器。

这里我们就要先说说在 http 中传输文件的问题。起初http协议中没有上传文件方面的功能，直到rfc1867为http协议添加了这个功能。当然在rfc1867中限定form的method必须为POST， enctype = “multipart/form-data” 以及。

当我们使用表单上传文件时，我们来查看他的Request headers，如下图：

js拖拽上传图片_第1张图片

发现在 multipart/form-data 后面有boundary以及一串字符，这是分界符，后面的一堆字符串是随机生成的，目的是防止上传文件中出现分界符导致服务器无法正确识别文件起始位置。说到这肯定就要说说这分界符有啥作用呢？

因为对于上传文件，我们没有在使用原有的 http 协议，所以 multipart/form-data 请求是基于 http 原有的请求方式 post 而来的.那么来说说这个全新的请求方式与 post 的区别

  1. 请求头的不同，对于上传文件的请求，contentType = multipart/form-data是必须的，而 post 则不是，毕竟 post 又不是只上传文件～。

  2. 请求体不同。这里的不同也就是指前者在发送的每个字段内容之间必须要使用分界符来隔开，比如文件的内容和文本的内容就需要分隔开，不然服务器就没有办法正常的解析文件，而后者 post 当然就没有分界符直接以 name = "value"的形似发送。

而在我的这段JQuery ajax() 方法中，我设置了contentType = false,这不是冲突了吗？这当然没有，因为当我们查看这时的 Request headers，会发现还是有分界符。这是因为当我们在 form 标签中设置了enctype = “multipart/form-data”，这样请求中的 contentType 就会默认为 multipart/form-data (我用的是new formData()对象，它其实就是模拟了一个表单控件，也就是form标签)。而我们在 ajax 中 contentType 设置为 false 是为了避免 JQuery 对其操作，从而失去分界符，而使服务器不能正常解析文件。

 

 3、效果

js拖拽上传图片_第2张图片

 

 需要购买阿里云产品和服务的，可以点击此链接领取优惠券红包，优惠购买哦，领取后一个月内有效： https://promotion.aliyun.com/ntms/yunparter/invite.html?userCode=fp9ccf07

转载于:https://www.cnblogs.com/libo0125ok/p/11344972.html

你可能感兴趣的:(js拖拽上传图片)

  • Springboot使用Thumbnailator压缩图片上传到阿里云OSS(无损压缩) 一勺菠萝丶 Java#OSS#SpringBoot
    前提:图片的压缩大致有两种，一种是将图片的尺寸压缩小，另一种是尺寸不变，将压缩质量，一般对于项目我们需要第一种,即用户上传一张分辨率为3840 × 2160的图片，通过上传图片接口后上传到OSS上的图片分辨率会变成1920×1080（如3840 × 2160的图片大小为11.4M，上传后的图片大概会为1.9M），此时上传后到OSS的图片和原图质量上一致，也就是说看上去只的大小的区别，清晰度上没有任
  • 软件测试之通用功能测试点 头疼的程序员 软件测试功能测试
    文章目录前言分页搜索框对搜索框操作的测试点搜索结果页测试点输入框测试点输入方式测试点输入框操作类测试点图片相关的测试点PC端上传图片测试点PC端图片浏览测试点移动端上传图片测试点移动端浏览图片测试点视频播放器测试点视频播放测试点视频操作测试点登录新增删除修改密码查询查询结果测试点单选按钮复选框滚动条控件权限测试导入导出测试后退/返回按钮系统易用性界面测试窗体控件菜单安全测试参考目录前言阅读本文前请
  • html+Canvas+js 实现 图片的剪裁效果 慕容屠苏 大前端爬坑之路
    html+Canvas实现图片的剪裁效果开发过程中我们上传图片的时候，有时需要保证图片尺寸的统一，以避免以固定尺寸显示图片时会出现拉伸问题。这是就需要在上传之前对图片进行裁剪后再上传图片。我们裁剪图片将会用到canvas：canvas是HTML5中的一个新元素，这个元素可以通过JavaScript用来绘制图形。例如可以用它来画图、合成图象、做一些动画等。通常呢，我们在canvas上画图的方法是使用
  • 利用Java爬虫按图搜索1688商品（拍立淘）：实战案例指南 数据小小爬虫 java爬虫图搜索算法
    在电商领域，按图搜索功能（如1688的“拍立淘”）为用户提供了更直观、便捷的购物体验。通过上传图片，用户可以快速找到与图片相似的商品。本文将详细介绍如何利用Java爬虫技术实现按图搜索1688商品，并获取其详情数据。一、为什么选择Java爬虫？Java作为一种广泛使用的编程语言，以其稳健性和跨平台性在企业级应用中占据重要地位。通过Java，我们可以编写爬虫程序，模拟浏览器行为，从网页中提取所需的数
  • 使用爬虫获取按图搜索1688商品（拍立淘）案例指南 数据小小爬虫 爬虫图搜索算法算法
    在电商领域，按图搜索功能（如1688的“拍立淘”）为用户提供了更直观、便捷的购物体验。通过上传图片，用户可以快速找到与图片相似的商品。本文将详细介绍如何利用爬虫技术实现按图搜索1688商品，并获取其详情数据。一、技术背景按图搜索功能通常依赖于图像识别技术和搜索引擎。1688的“拍立淘”功能允许用户上传图片，系统会通过图像识别技术找到与上传图片相似的商品。通过爬虫技术，我们可以模拟这一过程，获取搜索
  • 设计模式实战运用之模板方法模式 web2u 设计模式模板方法模式pythonspringboot后端javaspring
    1.通用文件上传服务/***上传图片**@parammultipartFile文件*@paramuploadPathPrefix上传路径前缀*@return*/publicUploadPictureResultuploadPicture(MultipartFilemultipartFile,StringuploadPathPrefix){//校验图片validPicture(multipartFi
  • 前端上传图片给后端django处理，处理的图片返回给前端 Wuxiaoming135 前端
    概述一下处理逻辑：点击某个按钮，执行某个函数，该函数打开文件选择器->将选择的文件转成base64字符串,并通过axios传给后端->后端接收base64字符串，并将其转换成opencv格式的图片->opencv格式的图片经过处理得到一个新的opencv格式图片，该图片转成base64字符串->该base64字符串返回给前端，前端进行渲染实操：1.前端安装必要的库前端库：[email protected]
  • React AntDesign中上传图片预览功能 七月_Mo Jsreact.jsjavascripttypescript
    现需求就是上传之后的图片再次进入的时候该组件呈现可预览并且删除之后可以再次上传图片个数限制最多传3张效果如图：图片上传return(setAddItemShow(false)}>getAnnouncementApi(values)}>false}listType="picture-card"accept=".png,.jpg"fileList={pictureList}onPreview={han
  • 用 Node.js 实现一个上传图片接口 忆宸_1 node.jsnode.js
    初始化项目在当前目录下创建一个名为upload-image-api的新文件夹，并初始化一个包含默认设置的package.json文件。mkdirupload-image-api&&cdupload-image-apinpminit-y安装依赖express是一个流行的Node.jsWeb框架；multer是一个用于处理文件上传的中间件。npminstallexpressmulter创建上传图片接口
  • https://imgsa.baidu.com/forum/pic/item/...【贴吧图床】 小黑LLB 杂项贴吧图床python爬虫诶改了标签没办法用颜表情了
    参考链接隐藏图床之利用贴吧做图床-PHP版图床-百度百科什么是『图床』你们都用什么图床啊？使用Pythonrequestspost上传图片贴吧图床-小记目录1.这个链接是啥2.什么是图床3.利用贴吧做图床4.编程实现5.心得体会一、这个链接是啥↶之前逛B站的时候，看到有人在评论区放图，结果是一个链接，点进去就是一张动态图。？？？B站评论区可以发图的么。。。什么鬼后来，在查找资料的过程中，发现原来这
  • Springboot+Vue的前后端分离的相册管理系统 叁拾舞 javaspringbootvue.js
    相册名：wuPic注意注意：相册管理系统现已升级2.0版本。加入springshiro控制权限。更新内容如下：普通用户：查看图片（非私密图片）。上传图片。管理自己的图片。管理自己的相册。管理员：查看所有的图片（不包含隐私图片）。管理所有图片。管理所有相册。发布公告。游客：只能查看首页的图片。无法查看相册、管理相册以及上传图片。更新之后的代码我已经上传到资源，大家下载之后遇到任何问题可直接私信我。目
  • 详细介绍：网站背景更换功能 还是鼠鼠 javascriptajax前端vscodehtml5css3前端框架
    目录1.HTML部分2.JavaScript部分3.完整流程4.总结5.适用场景本文将介绍如何通过文件上传实现网站背景图片的更换。通过使用JavaScript和Axios，我们可以允许用户上传图片文件并将其作为网站的背景图片。上传的图片URL会保存在浏览器的localStorage中，这样即使刷新页面，背景图片仍然可以保持不变。下面是具体的实现过程以及完整的代码示例。1.HTML部分更换背景图片选
  • 详细介绍：使用 Axios 上传图片文件 还是鼠鼠 javascript前端开发语言ajaxbootstrap前端框架vscode
    目录1.项目背景和功能概述2.（index.html完整代码）结构解析3.JavaScript部分解析3.1事件监听和图片上传3.2处理响应和错误4.完整流程5.总结6.适用场景这篇文章将展示如何通过Axios发送POST请求来实现图片上传。通过用户选择图片文件后，使用FormData构造上传的文件数据，并通过Axios将其提交到服务器。服务器返回图片的URL后，页面会显示上传的图片。下面是详细的
  • 实现使用K210单片机进行猫脸检测，并在检测到猫脸覆盖屏幕50%以上时执行特定操作 max500600 开发工具嵌入式单片机嵌入式硬件
    要实现使用K210单片机进行猫脸检测，并在检测到猫脸覆盖屏幕50%以上时执行特定操作，以及通过WiFi上传图片到微信小程序，并在微信小程序中上传图片到开发板进行训练，可以按照以下步骤进行：1.硬件连接确保K210开发板连接好摄像头，并预留一个引脚用于拉高电平。另外，连接WiFi模块（如ESP8266）用于网络通信。2.猫脸检测使用K210的MaixPy库进行猫脸检测。以下是一个简单的猫脸检测示例代
  • 有没有想过云图片不是百分百可以正确加载？ Mebius1916 前端开发javascript前端react.js
    前言我在使用cloudinary（一个云图像/视频平台）的时候发现一个潜在问题：有时候获取图片地址的时候初次获取是无法正确获取到的，必须刷新一次或多次才能正确获取到图片，但是浏览器只会加载一次图片，这就会导致图片即使存在也无法正确加载从而被备用图片替换。补充一下我使用cloudinary的方式：通过cloudinary提供的上传组件实现图片上传，在图片上传的同时记录下当前上传图片的云地址并存储到数
  • Element Plus上传图片前，对图片进行压缩 hongkid vue.jsjavascriptecmascript
    在使用ElementPlus（一个基于Vue3的现代组件库）进行文件上传时，你可能希望在上传图片之前对其进行压缩以减少文件大小，从而提高上传速度和节省存储空间。为了实现这一功能，你可以结合使用JavaScript库来处理图片的压缩。下面是一个简单的示例，展示如何在ElementPlus中使用compressorjs进行图片压缩：安装必要的依赖:首先需要安装compressorjs，可以通过npm或
  • 微信小程序上传图片到服务器总是失败_微信小程序压缩图片并上传到服务器（拿去即用）... weixin_39665847
    这里注意一下，图片压缩后的宽度是画布宽度的一半canvasToTempFilePath创建画布的时候会有一定的时间延迟容易失败，这里加setTimeout来缓冲一下这是单张图片压缩，多张的压缩暂时还没有成功，保存到服务器上后是空白的，如有大神望指点一二(＞人＜；)/**压缩图片*/compressionImage(tempFilePaths,params){letthat=thiswx.getIm
  • 微信小程序压缩图片 Goat恶霸詹姆斯 微信小程序小程序
    由于wx.compressImage(Objectobject)iOS仅支持压缩JPG格式图片。所以我们需要做一下特殊的处理：1.获取文件，判断文件是否大于设定的大小2.如果大于则使用canvas进行绘制，并生成新的图片路径3.上传图片asyncchooseImage(){letres=awaitwx.chooseMedia({count:1,sizeType:["compressed"],med
  • 微信小程序上传图片使用compressImage压缩 前端搬砖达人 微信小程序小程序
    在上传图片时，如果太大体积得图片，往往会上传很慢，而且还加大服务器的压力，所以在性能考虑方面来说，可以处理上传图片时先压缩再传给后端目前原生小程序开发有两种方式进行压缩（原生方法，不排除有第三方接入，但是我目前没找到第三方插件，有找到的大佬们分享一下）这篇先写官方api压缩compressImage压缩这个是官方api压缩方法，但是偶现兼容问题，仅对jpg图片有效1、选择图片使用wx.choose
  • 微信小程序开发 图片压缩功能 四时之雨 微信小程序小程序
    在微信小程序的开发过程中，为了防止用户在上传图片时出现过大文件的情况，造成后台的加载负担，我们通常会在前台加上大小的限制或在上传时就对图片进行压缩微信小程序官方为我们提供了一个API：wx.compressImage，但仔细查看后我们发现，这个API在iOS端仅支持压缩JPG格式的图片，显然不太符合我们的需求。经过一番查阅后，决定采用canvas绘图的方式来对图片重新进行绘制，从而达到压缩的效果。
  • uniapp - [全端兼容] 实现精美Editor富文本编辑器功能，uniApp全平台兼容的富文本插件组件用户可上传图片及对接服务器存储文件等，手机移动端H5网页富文本/小程序富文本/App富文本！ 王二红 +UniAppuni-app富文本使用富文本编辑器插入图片图像uni-app微信小程序富文本uniapp网页h5端富文本uniap安卓苹果app富文本富文本上传图片及服务器保存
    前言网上的教程乱七八糟且兼容性太差，本文提供优质示例。在uni-app全平台兼容（H5网页网站、支付宝/微信小程序、安卓App、苹果App、nvue）开发中，详解引入使用富文本编辑器及图片上传显示等功能，用户可上传图片显示和服务器保存回显效果（插入图片），uniApp各平台都兼容的富文本editor插件，自定义富文本按钮功能及自由排版样式布局，uniapp富文本组件插件用于发布文章/发布资讯公告/
  • vue el-upload 上传图片列表校验不通过后多删除了一张图片 ＊且听风吟 #Vue2.xvue.jsjavascript前端
    问题最近在使用element-ui的el-upload组件上传图片列表时，发现当上传的图片校验不通过时，会将上一张已经上传成功的图片删除了。场景已经上传了一张图片1，再上传另一张图片2，如果当前这张图片2校验不通过，会提示失败并且删除当前图片2，同时，也会将上一张已经上传成功的图片1也删除。组件主要代码：上传支持上传图片，单文件上传大小限制10MB，最多上传10张附件---------------
  • 微信小程序获取用户位置 李十岁a 微信小程序小程序
    文章目录概要整体流程小结概要使用uniapp实现微信小程序获取用户位置信息整体流程例如：1.首先进入微信公众平台-开发-开发管理-接口设置-点击开通-wx.getLocation（注意：申请接口时填写详细说明，上传图片，可查看示例进行填写，不然可能需要申请好几遍亲测）2.在uniapp-page.json中小程序配置"mp-weixin"里添加以下内容或者在manifest.json配置文件中勾选
  • 每天一篇逻辑漏洞 不灭锦鲤 学习
    前言：本篇文章有b站博主，浪客剑心2510赞助发布某企业src中头像xss+cors利用_哔哩哔哩_bilibilixss+cors漏洞上传头像处存在xss漏洞，结合cors，获取其他用户敏感信息//上传一个正常的头像，服务器返回给图片地址，然后客户端在将这个img地址发送给服务器，下次在点击头像时，会加载一个图片地址，这样客户端就不用去服务器请求了，上传图片地址是打开bp拦截，然后修改为xss，
  • 优雅解决webview_flutter不支持安卓选择图片视频文件问题 GeniuswongAir flutterandroid
    这个问题，网上一搜索，就是要去修改别人写好的插件。搞Flutter开发，尽量不要去修改别人的插件，特别是像webview_flutter这种比较大的官方插件。相信我，你拿捏不了它。主要问题就是：webview_flutter在安卓上加载H5，如果需要上传图片、视频、文件，就点击没反应。解决办法：不要去修改webview_flutter_android插件，这非常得不优雅。直接在Flutter端，我
  • element-ui上传图片组件封装 风吹头皮凉 前端vue.js
    //上传图片组件定义文件imageUpload=this.limit}">请上传大小不超过{{fileSize}}MB格式为{{fileType.join("/")}}的文件import{getToken}from"@/utils/auth";//接口apiimport{serviceApi}from"@/utils/serviceApi";exportdefault{props:{value:[
  • Vue2实现上传图片到阿里云的OSS对象存储 秋意钟 javascript
    在Vue2项目中，将图片上传到阿里云的OSS（对象存储）需要几个步骤，包括配置阿里云OSS、获取上传凭证、在前端进行上传操作等。以下是一个详细的实现步骤：1.配置阿里云OSS首先，你需要在阿里云OSS上创建一个存储桶（Bucket），并配置好相关的权限。2.后端获取上传凭证由于直接暴露OSS的AccessKeyID和AccessKeySecret到前端是不安全的，所以需要通过后端服务器来获取一个临
  • Vue 图片预览功能实现指南 繁依Fanyi vue.js前端javascriptpython人工智能算法开发语言
    1.介绍在现代web应用程序中，图片预览功能提升了用户体验，使用户可以在上传图片之前查看图片内容。本文将详细介绍如何在Vue.js应用中实现图片预览功能，包括基本实现、进阶功能、与ElementUI的集成、常见优化技巧以及与其他库的结合使用。2.基本功能实现2.1环境准备确保你的开发环境已经配置好，包括VueCLI和Node.js。如果还没有安装VueCLI，你可以通过以下命令安装：npminst
  • 相当流畅的js拖拽排序实现 晨曦_子画 javascript开发语言ecmascript
    01拖拽排序是一种在网页设计和应用程序中常见的交互方式，允许用户通过鼠标或触摸操作来重新排列页面或界面上的元素。这种交互方式对于提升用户体验和操作效率具有重要意义。在拖拽排序中，用户可以用鼠标或手指按住某个元素，然后将其拖动到新的位置，从而实现对元素的重新排列。这种操作直观且灵活，使得用户可以根据自己的需求随时调整页面或界面的布局，提升了个性化体验。同时，拖拽排序也增加了用户的参与度和粘性，用户可
  • 营业执照识别OCR接口如何用PHP调用 loosenivy 识别类接口ocr营业执照识别营业执照图片识别营业执照ocr营业执照信息识别
    一、什么是营业执照OCR识别接口？营业执照识别OCR接口，即营业执照识别，通过上传图片或URL，识别图片内容，能够识别营业执照上的多种信息，如企业名称、统一社会信用代码、法定代表人等基本信息，以及经营范围、注册地址等详细信息。二、营业执照OCR识别接口适用哪些场景？例如：电商与零售行业：1.商户入驻审核：电商平台和零售企业在接纳新商户入驻时，需要对商户的营业执照进行审核。OCR识别可以自动提取营业
  • PHP，安卓，UI，java，linux视频教程合集 cocos2d-x小菜 javaUIlinuxPHPandroid
    ╔-----------------------------------╗┆                           
  • zookeeper admin 笔记 braveCS zookeeper
      Required Software 1) JDK>=1.6 2)推荐使用ensemble的ZooKeeper(至少3台)，并run on separate machines 3)在Yahoo!，zk配置在特定的RHEL boxes里，2个cpu，2G内存，80G硬盘   数据和日志目录 1)数据目录里的文件是zk节点的持久化备份，包括快照和事务日
  • Spring配置多个连接池 easterfly spring
    项目中需要同时连接多个数据库的时候，如何才能在需要用到哪个数据库就连接哪个数据库呢？ Spring中有关于dataSource的配置：     <bean id="dataSource" class="com.mchange.v2.c3p0.ComboPooledDataSource"   &nb
  • Mysql 171815164 mysql
    例如，你想myuser使用mypassword从任何主机连接到mysql服务器的话。 GRANT ALL PRIVILEGES ON *.* TO 'myuser'@'%'IDENTIFIED BY 'mypassword' WI TH GRANT OPTION; 如果你想允许用户myuser从ip为192.168.1.6的主机连接到mysql服务器，并使用mypassword作
  • CommonDAO（公共/基础DAO） g21121 DAO
            好久没有更新博客了，最近一段时间工作比较忙，所以请见谅，无论你是爱看呢还是爱看呢还是爱看呢，总之或许对你有些帮助。         DAO(Data Access Object)是一个数据访问（顾名思义就是与数据库打交道）接口，DAO一般在业
  • 直言有讳 永夜-极光 感悟随笔
      1.转载地址:http://blog.csdn.net/jasonblog/article/details/10813313   精华: “直言有讳”是阿里巴巴提倡的一种观念，而我在此之前并没有很深刻的认识。为什么呢？就好比是读书时候做阅读理解，我喜欢我自己的解读，并不喜欢老师给的意思。在这里也是。我自己坚持的原则是互相尊重，我觉得阿里巴巴很多价值观其实是基本的做人
  • 安装CentOS 7 和Win 7后，Win7 引导丢失 随便小屋 centos
    一般安装双系统的顺序是先装Win7，然后在安装CentOS，这样CentOS可以引导WIN 7启动。但安装CentOS7后，却找不到Win7 的引导，稍微修改一点东西即可。 一、首先具有root 的权限。      即进入Terminal后输入命令su，然后输入密码即可 二、利用vim编辑器打开/boot/grub2/grub.cfg文件进行修改 v
  • Oracle备份与恢复案例 aijuans oracle
    Oracle备份与恢复案例 一. 理解什么是数据库恢复当我们使用一个数据库时，总希望数据库的内容是可靠的、正确的，但由于计算机系统的故障（硬件故障、软件故障、网络故障、进程故障和系统故障）影响数据库系统的操作，影响数据库中数据的正确性，甚至破坏数据库，使数据库中全部或部分数据丢失。因此当发生上述故障后，希望能重构这个完整的数据库，该处理称为数据库恢复。恢复过程大致可以分为复原(Restore)与
  • JavaEE开源快速开发平台G4Studio v5.0发布 無為子
      我非常高兴地宣布,今天我们最新的JavaEE开源快速开发平台G4Studio_V5.0版本已经正式发布。   访问G4Studio网站 http://www.g4it.org   2013-04-06 发布G4Studio_V5.0版本 功能新增 (1). 新增了调用Oracle存储过程返回游标，并将游标映射为Java List集合对象的标
  • Oracle显示根据高考分数模拟录取 百合不是茶 PL/SQL编程oracle例子模拟高考录取学习交流
    题目要求: 1,创建student表和result表 2,pl/sql对学生的成绩数据进行处理 3,处理的逻辑是根据每门专业课的最低分线和总分的最低分数线自动的将录取和落选     1,创建student表,和result表 学生信息表; create table student( student_id number primary key,--学生id
  • 优秀的领导与差劲的领导 bijian1013 领导管理团队
    责任 优秀的领导：优秀的领导总是对他所负责的项目担负起责任。如果项目不幸失败了，那么他知道该受责备的人是他自己，并且敢于承认错误。 差劲的领导：差劲的领导觉得这不是他的问题，因此他会想方设法证明是他的团队不行，或是将责任归咎于团队中他不喜欢的那几个成员身上。 努力工作 优秀的领导：团队领导应该是团队成员的榜样。至少，他应该与团队中的其他成员一样努力工作。这仅仅因为他
  • js函数在浏览器下的兼容 Bill_chen jquery浏览器IEDWRext
      做前端开发的工程师，少不了要用FF进行测试，纯js函数在不同浏览器下，名称也可能不同。对于IE6和FF，取得下一结点的函数就不尽相同：   IE6：node.nextSibling,对于FF是不能识别的；   FF：node.nextElementSibling,对于IE是不能识别的； 兼容解决方式：var Div = node.nextSibl
  • 【JVM四】老年代垃圾回收：吞吐量垃圾收集器(Throughput GC) bit1129 垃圾回收
    吞吐量与用户线程暂停时间   衡量垃圾回收算法优劣的指标有两个： 吞吐量越高，则算法越好 暂停时间越短，则算法越好 首先说明吞吐量和暂停时间的含义。   垃圾回收时，JVM会启动几个特定的GC线程来完成垃圾回收的任务，这些GC线程与应用的用户线程产生竞争关系，共同竞争处理器资源以及CPU的执行时间。GC线程不会对用户带来的任何价值，因此，好的GC应该占
  • J2EE监听器和过滤器基础 白糖_ J2EE
    Servlet程序由Servlet，Filter和Listener组成，其中监听器用来监听Servlet容器上下文。 监听器通常分三类：基于Servlet上下文的ServletContex监听，基于会话的HttpSession监听和基于请求的ServletRequest监听。   ServletContex监听器 ServletContex又叫application
  • 博弈AngularJS讲义(16) - 提供者 boyitech jsAngularJSapiAngularProvider
      Angular框架提供了强大的依赖注入机制，这一切都是有注入器(injector)完成. 注入器会自动实例化服务组件和符合Angular API规则的特殊对象，例如控制器，指令，过滤器动画等。   那注入器怎么知道如何去创建这些特殊的对象呢？ Angular提供了5种方式让注入器创建对象，其中最基础的方式就是提供者(provider), 其余四种方式(Value, Fac
  • java-写一函数f(a,b)，它带有两个字符串参数并返回一串字符，该字符串只包含在两个串中都有的并按照在a中的顺序。 bylijinnan java
    public class CommonSubSequence { /** * 题目：写一函数f(a,b)，它带有两个字符串参数并返回一串字符，该字符串只包含在两个串中都有的并按照在a中的顺序。 * 写一个版本算法复杂度O(N^2)和一个O(N) 。 * * O(N^2)：对于a中的每个字符，遍历b中的每个字符，如果相同，则拷贝到新字符串中。 * O(
  • sqlserver 2000 无法验证产品密钥 Chen.H sqlwindowsSQL ServerMicrosoft
    在 Service Pack 4 (SP 4), 是运行 Microsoft Windows Server 2003、 Microsoft Windows Storage Server 2003 或 Microsoft Windows 2000 服务器上您尝试安装 Microsoft SQL Server 2000 通过卷许可协议 (VLA) 媒体。 这样做, 收到以下错误信息CD KEY的 SQ
  • [新概念武器]气象战争 comsci
           气象战争的发动者必须是拥有发射深空航天器能力的国家或者组织....        原因如下:        地球上的气候变化和大气层中的云层涡旋场有密切的关系,而维持一个在大气层某个层次
  • oracle 中 rollup、cube、grouping 使用详解 daizj oraclegroupingrollupcube
    oracle 中 rollup、cube、grouping 使用详解 -- 使用oracle 样例表演示 转自namesliu -- 使用oracle 的样列库，演示 rollup, cube, grouping 的用法与使用场景    --- ROLLUP ， 为了理解分组的成员数量，我增加了 分组的计数  COUNT(SAL)   
  • 技术资料汇总分享 Dead_knight 技术资料汇总 分享
    本人汇总的技术资料，分享出来，希望对大家有用。 http://pan.baidu.com/s/1jGr56uE 资料主要包含： Workflow->工作流相关理论、框架(OSWorkflow、JBPM、Activiti、fireflow...) Security->java安全相关资料(SSL、SSO、SpringSecurity、Shiro、JAAS...) Ser
  • 初一下学期难记忆单词背诵第一课 dcj3sjt126com englishword
    could 能够 minute 分钟 Tuesday 星期二 February 二月 eighteenth 第十八 listen 听 careful 小心的，仔细的 short 短的 heavy 重的 empty 空的 certainly 当然 carry 携带；搬运 tape 磁带 basket 蓝子 bottle 瓶 juice 汁，果汁 head 头；头部
  • 截取视图的图片, 然后分享出去 dcj3sjt126com OSObjective-C
    OS 7 has a new method that allows you to draw a view hierarchy into the current graphics context. This can be used to get an UIImage very fast. I implemented a category method on UIView to get the vi
  • MySql重置密码 fanxiaolong MySql重置密码
    方法一:  在my.ini的[mysqld]字段加入： skip-grant-tables 重启mysql服务，这时的mysql不需要密码即可登录数据库  然后进入mysql mysql>use mysql;  mysql>更新 user set password=password('新密码') WHERE User='root'; mysq
  • Ehcache（03）——Ehcache中储存缓存的方式 234390216 ehcacheMemoryStoreDiskStore存储驱除策略
    Ehcache中储存缓存的方式   目录 1     堆内存（MemoryStore） 1.1     指定可用内存 1.2     驱除策略 1.3     元素过期 2   &nbs
  • spring mvc中的@propertysource jackyrong spring mvc
      在spring mvc中，在配置文件中的东西，可以在java代码中通过注解进行读取了： @PropertySource  在spring 3.1中开始引入 比如有配置文件 config.properties mongodb.url=1.2.3.4 mongodb.db=hello 则代码中   @PropertySource(&
  • 重学单例模式 lanqiu17 单例Singleton模式
    最近在重新学习设计模式，感觉对模式理解更加深刻。觉得有必要记下来。 第一个学的就是单例模式，单例模式估计是最好理解的模式了。它的作用就是防止外部创建实例，保证只有一个实例。 单例模式的常用实现方式有两种，就人们熟知的饱汉式与饥汉式，具体就不多说了。这里说下其他的实现方式 静态内部类方式: package test.pattern.singleton.statics; publ
  • .NET开源核心运行时，且行且珍惜 netcome java.net开源
    背景 2014年11月12日，ASP.NET之父、微软云计算与企业级产品工程部执行副总裁Scott Guthrie，在Connect全球开发者在线会议上宣布，微软将开源全部.NET核心运行时，并将.NET 扩展为可在 Linux 和 Mac OS 平台上运行。.NET核心运行时将基于MIT开源许可协议发布，其中将包括执行.NET代码所需的一切项目——CLR、JIT编译器、垃圾收集器（GC）和核心
  • 使用oscahe缓存技术减少与数据库的频繁交互 Everyday都不同 Web高并发oscahe缓存
    此前一直不知道缓存的具体实现，只知道是把数据存储在内存中，以便下次直接从内存中读取。对于缓存的使用也没有概念，觉得缓存技术是一个比较”神秘陌生“的领域。但最近要用到缓存技术，发现还是很有必要一探究竟的。   缓存技术使用背景：一般来说，对于web项目，如果我们要什么数据直接jdbc查库好了，但是在遇到高并发的情形下，不可能每一次都是去查数据库，因为这样在高并发的情形下显得不太合理——
  • Spring+Mybatis 手动控制事务 toknowme mybatis
    @Override    public boolean testDelete(String jobCode) throws Exception {       boolean flag = false;  &nbs
  • 菜鸟级的android程序员面试时候需要掌握的知识点 xp9802 android
    熟悉Android开发架构和API调用 掌握APP适应不同型号手机屏幕开发技巧 熟悉Android下的数据存储  熟练Android Debug Bridge Tool 熟练Eclipse/ADT及相关工具  熟悉Android框架原理及Activity生命周期 熟练进行Android UI布局 熟练使用SQLite数据库； 熟悉Android下网络通信机制，S
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他