davenzeng
davenzeng

jquery uploadify的使用

由于项目是存储图片的，要使用到上传的功能，而且个人想做好点。所以在网上搜了下资料，觉得这个jquery 的插件还不错。

首先放个工程的分布图

 

 

项目是拿以前搭建好的SSH的框架，不过里面只用到struts2。

用到的jar的话大家自己去下载吧。jquery uploadify的版本是2.1.4的。

index.jsp下面的代码是

 

  
  
  
  
    
   
   
   
   
  1. <!DOCTYPE HTML > 
    2. 
   
   
   
   
  2. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> 
    3. 
   
   
   
   
  3. <% 
    4. 
   
   
   
   
  4.     String path = request.getContextPath(); 
    5. 
   
   
   
   
  5.     String basePath = request.getScheme() + "://" + request.getServerName() + ":" 
    6. 
   
   
   
   
  6.             + request.getServerPort() + path + "/"; 
    7. 
   
   
   
   
  7. %> 
    8. 
   
   
   
   
  8. <html> 
    9. 
   
   
   
   
  9.     <head> 
    10. 
   
   
   
   
  10.         <base href="<%=basePath%>"> 
    11. 
   
   
   
   
  11.         <title>首页</title> 
    12. 
   
   
   
   
  12.     </style> 
    13. 
   
   
   
   
  13. <script type="text/javascript" src="js/jquery-1.6.js"></script> 
    14. 
   
   
   
   
  14. <script type="text/javascript" src="uploadify/jquery.uploadify.v2.1.4.js"></script> 
    15. 
   
   
   
   
  15. <script type="text/javascript" src="uploadify/swfobject.js"></script> 
    16. 
   
   
   
   
  16. <link rel="stylesheet" type="text/css" href="uploadify/uploadify.css"> 
    17. 
   
   
   
   
  17.      <script type="text/javascript">   
    18. 
   
   
   
   
  18.         $(document).ready(function() { 
    19. 
   
   
   
   
  19.             $("#uploadify").uploadify({ 
    20. 
   
   
   
   
  20.                 'uploader'       : 'uploadify/uploadify.swf',   //flash，上传时的显示 
    21. 
   
   
   
   
  21.                 'script'         : 'show.action',               //提交处理的地址，默认是php的 
    22. 
   
   
   
   
  22.                 'fileDataName'   : 'file',                      //在处理的地址接收的名字 
    23. 
   
   
   
   
  23.                 'cancelImg'      : 'uploadify/cancel.png',      //上传时的取消按钮 
    24. 
   
   
   
   
  24.                 'folder'         : '/image',                    //上传放到服务器的哪个路径，（一开始的时候可以的，但是后来不知道修改了什么就在后台也要加上这个文件夹了，那样这个属性就没意思了） 
    25. 
   
   
   
   
  25.                 'queueID'        : 'upLoadDiv',                 //显示附件在哪个DIV 
    26. 
   
   
   
   
  26.                 'fileDesc'       : '图片文件',                  //选择文件的最后一个框框显示的提示 
    27. 
   
   
   
   
  27.                 'fileExt'        : '*.jpg;*.png;*.bmp',         //只允许什么类型的文件上传 
    28. 
   
   
   
   
  28.                 'sizeLimit'      : 1024*1024*1,                 //上传文件的大小byte单位的如果是在struts2上面用的话，要在struts.xml里面加上<constant name="struts.multipart.maxSize" value="9999999999999999"></constant> 
    29. 
   
   
   
   
  29.                 'queueSizeLimit' : 2,                           //最多可以选择多少个文件 
    30. 
   
   
   
   
  30.                 'auto'           : false,                       //自动上传 
    31. 
   
   
   
   
  31.                 'multi'          : true,                        //多文件上传 
    32. 
   
   
   
   
  32.                 'simUploadLimit' : 2,                           //一次上传多少个文件 
    33. 
   
   
   
   
  33.                 'buttonText'     : 'BROWSE',                    //上传的button文字 
    34. 
   
   
   
   
  34.                // 'scriptData'   :{'name':'xxx','id':'sss'},    //参数json类型 
    35. 
   
   
   
   
  35.                 //'method'       :'get',                        //提交方法类型，默认post，有参数就要get             
    36. 
   
   
   
   
  36.                  'onError'       :function(event,queueID,fileObj,errorObj){ 
    37. 
   
   
   
   
  37.                             //一般这个的话会在上传上来文件的那个div上显示，但出来的错误是英文的 
    38. 
   
   
   
   
  38.                             alert("文件:"+fileObj.name+"上传失败!失败的原因是:"+errorObj.type); 
    39. 
   
   
   
   
  39.                 }, 
    40. 
   
   
   
   
  40.                 'onAllComplete'  :function(event,data){//ajax返回，所有文件上传之后的回调 
    41. 
   
   
   
   
  41.                     alert("一共上传："+data.filesUploaded+"个文件,错误数："+data.errors+".上传速度："+data.speed+"kb/s"); 
    42. 
   
   
   
   
  42.                 } 
    43. 
   
   
   
   
  43.             });   
    44. 
   
   
   
   
  44.         });   
    45. 
   
   
   
   
  45.     </script>   
    46. 
   
   
   
   
  46.   </head>  
    47. 
   
   
   
   
  47.   <body>  
    48. 
   
   
   
   
  48.          <div id="upLoadDiv"></div>   
    49. 
   
   
   
   
  49.         <input type="file" name="uploadify" id="uploadify" />  <br><br>  
    50. 
   
   
   
   
  50.         <a href="javascript:$('#uploadify').uploadifyUpload()">上传</a> 
    51. 
   
   
   
   
  51.         <a href="javascript:$('#uploadify').uploadifyClearQueue()">取消所有上传</a> 
    52. 
   
   
   
   
  52.   </body>  
    53. 
   
   
   
   
  53. </html> 
    54.

struts.xml里面的代码挺少的

struts2默认文件上传的大小是2M，大于2M的上传不了。所以我们要设置一下。

  
  
  
  
    
   
   
   
   
  1. <?xml version="1.0" encoding="UTF-8" ?> 
    2. 
   
   
   
   
  2. <!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.1//EN" "http://struts.apache.org/dtds/struts-2.1.dtd"> 
    3. 
   
   
   
   
  3. <struts> 
    4. 
   
   
   
   
  4.     <constant name="struts.multipart.maxSize" value="9999999999999999"></constant> 
    5. 
   
   
   
   
  5.     <package name="default" extends="struts-default" namespace="/"> 
    6. 
   
   
   
   
  6.         <action name="show" class="com.mark.action.Show" method="uploadImg"> 
    7. 
   
   
   
   
  7.         </action> 
    8. 
   
   
   
   
  8.     </package> 
    9. 
   
   
   
   
  9. </struts> 
    10.

 

Action类里面的代码：

导包的话大家自己导吧。

  
  
  
  
    
   
   
   
   
  1. public class Show { 
    2. 
   
   
   
   
  2.  
    3. 
   
   
   
   
  3.     private File file; // 前台传过来的文件 
    4. 
   
   
   
   
  4.     private String fileFileName; // 文件名 
    5. 
   
   
   
   
  5.     private String fileContentType; // 文件类型 
    6. 
   
   
   
   
  6.  
    7. 
   
   
   
   
  7.     public void uploadImg() throws IOException  { 
    8. 
   
   
   
   
  8.         HttpServletResponse response = ServletActionContext.getResponse(); 
    9. 
   
   
   
   
  9.         HttpServletRequest request = ServletActionContext.getRequest(); 
    10. 
   
   
   
   
  10.         // 写到服务器上 
    11. 
   
   
   
   
  11.         response.setCharacterEncoding("utf-8"); 
    12. 
   
   
   
   
  12.         try { 
    13. 
   
   
   
   
  13.         String path = request.getRealPath("/image"); 
    14. 
   
   
   
   
  14.         FileInputStream in = new FileInputStream(file); 
    15. 
   
   
   
   
  15.         FileOutputStream out = new FileOutputStream(new File(path + "/" + fileFileName)); 
    16. 
   
   
   
   
  16.         byte[] b = new byte[1024]; 
    17. 
   
   
   
   
  17.         while ((in.read(b) > -1)) { 
    18. 
   
   
   
   
  18.             out.write(b); 
    19. 
   
   
   
   
  19.         } 
    20. 
   
   
   
   
  20.         in.close(); 
    21. 
   
   
   
   
  21.         out.close(); 
    22. 
   
   
   
   
  22.         response.getWriter().write("上传成功！"); 
    23. 
   
   
   
   
  23.         }catch (Exception e) { 
    24. 
   
   
   
   
  24.             e.printStackTrace(); 
    25. 
   
   
   
   
  25.             response.getWriter().write("上传失败!请联系管理员或者重新上传！"); 
    26. 
   
   
   
   
  26.         } 
    27. 
   
   
   
   
  27.     } 
    28. 
   
   
   
   
  28.  
    29. 
   
   
   
   
  29.     public File getFile() { 
    30. 
   
   
   
   
  30.         return file; 
    31. 
   
   
   
   
  31.     } 
    32. 
   
   
   
   
  32.  
    33. 
   
   
   
   
  33.     public void setFile(File file) { 
    34. 
   
   
   
   
  34.         this.file = file; 
    35. 
   
   
   
   
  35.     } 
    36. 
   
   
   
   
  36.  
    37. 
   
   
   
   
  37.     public String getFileFileName() { 
    38. 
   
   
   
   
  38.         return fileFileName; 
    39. 
   
   
   
   
  39.     } 
    40. 
   
   
   
   
  40.  
    41. 
   
   
   
   
  41.     public void setFileFileName(String fileFileName) { 
    42. 
   
   
   
   
  42.         this.fileFileName = fileFileName; 
    43. 
   
   
   
   
  43.     } 
    44. 
   
   
   
   
  44.  
    45. 
   
   
   
   
  45.     public String getFileContentType() { 
    46. 
   
   
   
   
  46.         return fileContentType; 
    47. 
   
   
   
   
  47.     } 
    48. 
   
   
   
   
  48.  
    49. 
   
   
   
   
  49.     public void setFileContentType(String fileContentType) { 
    50. 
   
   
   
   
  50.         this.fileContentType = fileContentType; 
    51. 
   
   
   
   
  51.     } 
    52. 
   
   
   
   
  52. } 
    53.

最后发个成品的图片

 

 

 

 

 

 

 

有什么错误的地方请大家指点一下，共同成长！

你可能感兴趣的:(jquery,uploadify,图片,上传)

  • Android Studio 备忘录(简单)实现 松醪 javasqliteandroidgithub编辑器
    项目简介AndroidStudio环境下，备忘录（简单）的实现，功能有：添加,单个查询，删除全部内容，并可获取当前时间存储在SqlLite中。所用到的显示控件为ScrollView,EditText,TextView,ImageButton.图片展示首页添加页添加后的页面Acticity_main.xml代码展示Acativity_add.xml(添加)代码展示MainActivity.java代
  • Zerox：AI驱动的万能OCR工具，精准识别复杂布局并输出Markdown格式，支持PDF、DOCX、图片等多种文件格式 蚝油菜花 每日AI项目与应用实例人工智能ocrpdf人工智能开源
    ❤️如果你也关注AI的发展现状，且对AI应用开发非常感兴趣，我会每日分享大模型与AI领域的最新开源项目和应用，提供运行实例和实用教程，帮助你快速上手AI技术，欢迎关注我哦！微信公众号｜搜一搜：蚝油菜花快速阅读功能：支持零样本OCR识别，兼容PDF、DOCX、图片等多种格式文件。技术：基于GPT-4o-mini模型，能够处理复杂布局文档，输出Markdown格式结果。应用：提供API接口，便于集成到
  • Arm64架构的Linux服务器安装tomcat并部署war包 木枫Free 服务器架构linuxtomcatarm运维
    一、下载Tomcat打开浏览器，访问ApacheTomcat官方网站。在下载页面中，选择适合arm64架构的版本。一般来说，可以选择Tomcat的二进制发行版（BinaryDistributions）中的.tar.gz压缩包。我这里下载的是tomcat9二、安装Tomcat将下载的Tomcat压缩包上传到欧鹏操作系统的服务器上，或者使用命令行工具（如wget）直接下载到服务器上。解压Tomcat压
  • 为什么你的网站总是有安全漏洞 16年上任的CTO 网络安全安全漏洞网络安全web安全安全性测试前端服务器
    目录一、什么是安全漏洞二、安全漏洞的一般表象1.网站瘫痪2.链接指向篡改3.数据篡改4.挂入黑链5.信息泄露6.横向攻击7.流量损耗8.其他现象三、造成安全漏洞的原因1.SQL注入漏洞2.验证码前端校验3.表单重复提交4.文件上传格式校验不合格5.第三方框架的固有漏洞6.密码缺省7.端口开放太多8.Options不过滤9.XSS，CSRF漏洞10.X-Frame-Options劫持11.HTTP获
  • Python 中 PIL 构建图片裁剪工具 winfredzhang pythoncrop
    概述这篇博客将为您展示如何使用wxPython和PIL库开发一个图片裁剪工具。本工具能够加载图片，允许用户通过拖拽选择框裁剪图片，并保存裁剪后的结果。以下是完整代码和实现步骤。C:\pythoncode\new\cropimageandsave.py功能特性图片加载：支持加载JPG和PNG格式的图片。动态裁剪：通过鼠标绘制矩形选择框进行裁剪。缩放适配：图片会根据面板大小自动缩放显示。保存裁剪结果：
  • Docker部署nnunetv2简洁教程 Tiandaren 模型部署docker容器运维pytorch人工智能深度学习python
    前言：感觉一些教程没必要说那么多，直接贴出重点的配置文件。如果有不懂的，可以把此文档丢给gpt，配合自己的环境一同服用。首先，在nnunet路径下创建一个Dockerfile。由于我已经完成了nnUNet的训练，所以不需要将相关数据全部上传到容器中，而是只保留源码。#使用适当的基础镜像（如pytorch官方镜像）FROMpytorch/pytorch:latest#更新apt-get并安装必要的工
  • 小白WEB前端学习（五） Sun ᥫᩣ涵 WEB前端前端学习
    续：小白WEB前端学习（四）继续正式学习CSS（三）6.float布局！主要用于左右做图片，右文字的题目标准流标准流也叫文档流，指的是标签在页面中默认的排布规则，使⼀个元素脱离标准文档流有三种方式1.浮动2.绝对定位3.固定定位例如:块元素独占一行，行内元素可以一行显示多个。浮动作用：让块元素水平排列属性名：float属性值：left和right浮动后会脱离标准流，等于开了一个新的页面，内容在的话
  • 用JavaScript实现找不同小游戏 算是难了 javascript开发语言前端websocket
    目录倒计时的实现找不同实现对canvas的初始化实现画布的分割,父盒子>子盒子>canvas找不同逻辑的判断实现图片的导入DOM节点的监听声明两个需要监听的节点禁用页面点击事件的函数DOM监听实现勋章分数增加和生命的减少减命逻辑死亡响应websocket交互定义给后端发送的数据包断线重连最后,调用封装好的websocket创建初始之物，其行必丑代码写的非常繁琐,有很多细节在复盘的时候也会想不起来为
  • 如何进行cad地理配准_如何对扫描图片进行ArcGIS配准？ weixin_39604276 如何进行cad地理配准
    就这么个简单的问题啊昨天搞了一晚上肥肥搞了大半天百度上找愣是看见一帮智障在瞎扯工具书上又没有想要的信息水文章水得一点用没有实在是服气索性请教师兄操作今天就直接记录详细教程以供他日使用！首先，插入底图可以各种格式尽量要求清晰度高吉林莫莫格国家级保护区功能区划图下面进行地理配准，配准时确定地图图例，右键工具栏选出地理配准去掉自动校正左键点一下后右键我这个图是1：100000的比例尺所以以米为单位应该这
  • python selenium canvas_selenium webdriver 实现Canvas画布自动化测试 我不勇敢 pythonseleniumcanvas
    https://blog.csdn.net/xiaoguanyusb/article/details/80324210由借鉴意义,转过来canvas是一个画布，定位元素时只能定位到画布上，如下乳所示，网页上有一张类似于下图的eChart报表图片。selenium的基本定位方式只能定位到该画布上，画布上的子元素通过selenium的基础定位方式是定位不到的，此时就需要使用selenium的js注入的
  • 五款图片变清晰工具帮助你，轻松实现一键修复模糊图片 Ai工具分享 人工智能
    在日常生活中，我们难免会遇到图片模糊的情况，无论是年代久远的老照片因分辨率不足而显得模糊，还是在拍摄瞬间因轻微手抖导致的画面不清晰，这些问题都大大影响了图片的观赏价值。那么，面对这些模糊的图片，我们该如何让它们重焕新生，变得清晰明朗呢？接下来，我们就来介绍五款出色的软件，它们具备强大的图像处理能力，能够帮助你轻松实现一键修复模糊图片，让你的珍贵记忆恢复原有的清晰与生动。一、牛学长图片修复工具牛学长
  • 商品详情页面html,div+css+JQuery仿京东商品详情界面 L相好 商品详情页面html
    【实例简介】div+css+JQuery仿京东商品详情界面【实例截图】【核心代码】京东商品详情界面├──__MACOSX│└──浜笢鍟嗗搧璇︽儏鐣岄潰│├──css│├──images││├──images││└──products│└──js└──浜笢鍟嗗搧璇︽儏鐣岄潰├──css│├──common_07.css│├──product.css│├──product_left.css│├──
  • iOS 网络请求： Alamofire 结合 ObjectMapper 实现自动解析 胖虎1 开发经验分享iosAlamofireObjectMapper网络请求自动解析数据自动解析模型
    引言在iOS开发中，网络请求是常见且致其重要的功能之一。从获取资料到上传数据，出色的网络请求框架能夠大大提升开发效率。Alamofire是一个极具人气的Swift网络请求框架，提供了便据的API以完成网络请求和响应处理。它支持多种请求类型，如GET和POST，并且给予您便据的带容处理过滤器和返回数据解析的功能。ObjectMapper是一个强大的Swift数据映射工具，使用其提供的Mappable
  • hive电影数据分析系统 Springboot协同过滤-余弦函数推荐系统 爬虫2万+数据 大屏数据展示 + [手把手视频教程 和 开发文档] QQ-1305637939 毕业设计大数据毕设计算机毕业设计hivespringboot爬虫
    hive电影数据分析Springboot协同过滤-余弦函数推荐系统爬虫2万+数据大屏数据展示+[手把手视频教程和开发文档]【功能介绍】1.java爬取【豆瓣电影】网站中电影数据,保存为data.csv文件,数据量2万+2.data.csv上传到hadoop集群环境3.MR数据清洗data.csv4.Hive汇总处理,将Hive处理的结果数据保存到本地Mysql数据库中5.Springboot+Vu
  • hadoop电影数据分析系统 Springboot协同过滤-余弦函数推荐系统 爬虫2万+数据 大屏数据展示 + [手把手视频教程 和 开发文档] QQ-1305637939 计算机毕业设计毕业设计大数据毕设hadoopspringboot爬虫
    全套视频教程全套开发文档hadoop电影数据分析系统Springboot协同过滤-余弦函数推荐系统爬虫2万+数据大屏数据展示【Hadoop项目】1.java爬取【豆瓣电影】网站中电影数据,保存为data.csv文件,数据量2万+2.data.csv上传到hadoop集群环境3.data.csv数据清洗4.MR数据汇总处理,将Reduce的结果数据保存到本地Mysql数据库中5.Springboot
  • spark电影数据分析系统 Springboot协同过滤-余弦函数推荐系统 爬虫2万+数据 大屏数据展示 + [手把手视频教程 和 开发文档] QQ-1305637939 毕业设计大数据毕设计算机毕业设计sparkspringboot爬虫大数据电影推荐电影分析
    spark电影数据分析系统Springboot协同过滤-余弦函数推荐系统爬虫2万+数据大屏数据展示+[手把手视频教程和开发文档【功能介绍】1.java爬取【豆瓣电影】网站中电影数据,保存为data.csv文件,数据量2万+2.data.csv上传到hadoop集群环境3.MR数据清洗data.csv4.Spark汇总处理,将Spark处理的结果数据保存到本地Mysql数据库中5.Springboo
  • hadoop图书数据分析系统 Springboot协同过滤-余弦函数推荐系统 爬虫1万+数据 大屏数据展示 + [手把手视频教程 和 开发文档] QQ-1305637939 毕业设计大数据毕设图书数据分析hadoopspringboot爬虫
    hadoop图书数据分析系统Springboot协同过滤-余弦函数推荐系统爬虫1万+数据大屏数据展示+[手把手视频教程和开发文档]【亮点功能】1.Springboot+Vue+Element-UI+Mysql前后端分离2.Echarts图表统计数据,直观展示数据情况3.发表评论后，用户可以回复评论,回复的评论可以被再次回复,一级评论可以添加图片附件4.爬虫图书数据1万+5.推荐图书列表展示,推荐图
  • 使用宝塔面板以jar包方式部署SpringBoot个人博客（以IP+端口号访问） emmastone 部署springbootsshcentos服务器
    使用宝塔面板以jar包方式部署SpringBoot个人博客购买阿里云服务器ECS在服务器端创建数据库修改SpringBoot项目的配置文件上传jar包和配置文件到服务器同一个目录下放行相关端口号首先需要在阿里云的控制台放行相关端口号然后在宝塔面板的安全放行相关端口号购买阿里云服务器ECS购买ECS服务器时，选择附带宝塔面板的，会默认安装好LAMP（Apache+Mysql+php），只需在安装to
  • 04商品详情 敲啊敲9527 vue3项目javascript开发语言ecmascript
    提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录详情页-热榜区域在Detail文件夹中新建组件接口导入调用渲染模版适配不同标题title图片预览sku组件(商品的一些规格)把components文件中的组件注册为全局组件，方便共享总结详情页-热榜区域在Detail文件夹中新建组件src\views\Detail\components\DetailHot.vue周日榜单一双鞋
  • 点击图片浏览大图（sui框架） this_ITBoy 原创图片浏览器H5
    项目中经常遇到点击图片或者点击相册浏览大图的情景，SUI框架自带swiper滚动的效果，详情见http://m.sui.taobao.org/中的拓展组件--图片浏览器的效果，在项目中需要做到点击图片出现图片浏览器而不是点击固定的按钮，这就需要在js里做一些改变了。部分html代码如下：这里是freemarker语法循环出每一张图片，而data-src属性的值是图片的接口，img的src属性也是图
  • sui框架 点击图片 放大显示 jiidd
    $(function(){$.init();$(document).on('click','.albumImgs',function(){varpic=$(this).parent().find(".albumImgs").map(function(){return$(this).data("src");}).get();$.photoBrowser({photos:pic,//注意此处是数组[]
  • 富芮坤fr8008gp lvgl图片:lv_img_conv生成bin文件格式；在代码中直接引用图片；合并成一个bin给代码引用；LvglImgTool转换图片lvgl_image生成C文件 cheng@yi 富芮坤FR800X蓝牙富芮坤fr8008gplvgl图片
    从事嵌入式单片机的工作算是符合我个人兴趣爱好的,当面对一个新的芯片我即想把芯片尽快搞懂完成项目赚钱,也想着能够把自己遇到的坑和注意事项记录下来,即方便自己后面查阅也可以分享给大家,这是一种冲动,但是这个或许并不是原厂希望的,尽管这样有可能会牺牲一些时间也有哪天原厂让我停更的可能,但是我依旧乐于此,如果哪位道友想一起交流或者原厂同志想让我停更以及其他事项都可通过如下邮箱联系我:2478278759@
  • 富芮坤fr8008gp lvgl图片二:lv_img_conv工具的使用(脚本调用)；眼瞎说明；lv_img_conv原版工具的使用(脚本调用) cheng@yi 富芮坤FR800X蓝牙富芮坤fr8008gplvgl图片
    从事嵌入式单片机的工作算是符合我个人兴趣爱好的,当面对一个新的芯片我即想把芯片尽快搞懂完成项目赚钱,也想着能够把自己遇到的坑和注意事项记录下来,即方便自己后面查阅也可以分享给大家,这是一种冲动,但是这个或许并不是原厂希望的,尽管这样有可能会牺牲一些时间也有哪天原厂让我停更的可能,但是我依旧乐于此,如果哪位道友想一起交流或者原厂同志想让我停更以及其他事项都可通过如下邮箱联系我:2478278759@
  • Python调用讯飞星火大模型v3.x api接口使用教程2.0（python sdk，支持图片理解） IT大头 NLP实战python人工智能语言模型nlpchatgpt
    前言本篇文章是针对星火大模型api接口使用的新篇章，本次主要是介绍对于pythonSDK使用，以及图片理解等新功能。相对于上篇博客中的使用方法，本次的教程相对来说更简单方便。话不多说，直接享用。1、获取api接口的ID和key参考上篇文章：https://blog.csdn.net/qq_45156060/article/details/134072123?spm=1001.2014.3001.5
  • 钉钉小程序、文件上传（excel、ppt、word等） xluo1715 钉钉（小程序和H5）钉钉小程序excelpptpdfword
    钉钉小程序上传下载（反显）文件（如excelpptworld等文件）前端处理（需要后端配合加上传下载的权限）要上传excelpptworld等文件还需要借助钉盘实现，我就不废话了，直接上代码axml结构,红框中的为钉盘文件上传和预览其余的是兼容图片上传和PC端上传的文件，这里提一嘴，如果是PC端上传到自己服务器的文件要想在小程序里显示，需要后端把服务器的文件先传到钉盘，前端再通过钉盘下载，如果是小
  • Taro 鸿蒙技术内幕系列（四）：JDImage 自研鸿蒙图片库 京东零售技术 tarotaroharmonyos华为
    基于Taro打造的京东鸿蒙APP已跟随鸿蒙Next系统公测，本系列文章将深入解析Taro如何实现使用React开发高性能鸿蒙应用的技术内幕背景2024年初，京东正式启动了鸿蒙APP的开发工作。由于电商APP大量依赖图片来展示商品信息，对图片库的性能和加载体验要求极高，因此图片库被作为核心基础能力提前纳入京东鸿蒙首期基础建设计划。本文将详细介绍京东自研鸿蒙图片库的开发过程及其技术原理。技术实现前期调
  • 前端大文件OSS上传注意事项 前端
    大文件上传是一个比较重要的交互场景，如上传入库比较大的Excel表格数据、上传影音文件等。如果文件体积比较大，或者网络条件不好时，上传的时间会比较长（要传输更多的报文，丢包重传的概率也更大），用户不能刷新页面，只能耐心等待请求完成。1.利用上传控件inputtype="file"绑定一个change事件，在回调中通过事件对象的e.target.files拿到这个文件对象，进行文件对象的slice方
  • 解决Pycharm中错误ValueError: zero-size array to reduction operation maximum which has no identity 筱戥芊茹 pycharmidepython深度学习yolov5
    在pycharm中运行train.py时，出现错误信息：ValueError:zero-sizearraytoreductionoperationmaximumwhichhasnoidentity。经检查发现是数据集中的图片和标签数量不对应：在图片images文件夹中，共有图片514张，而标签labels文件夹中，只有513个标签文件。因为我是直接下载的别人转化好后的数据集，但是发现了这个错误后就
  • linux安装mysql5.7 万猿丛中最秃的帅哥 linuxmysqllinuxmysql数据库
    1、安装boost库boost_1_59_0连接：链接：https://pan.baidu.com/s/1sNY1niWTFjrLccPbMmcp5w提取码：pdj9在根目录的opt目录创建临时文件储存目录mkdir-p/opt/package进入临时目录cd/opt/package上传压缩包到服务器解压tar–xvzfboost_1_59_0.tar.gz进入boost目录cdboost_1_5
  • docker运行Java项目，Kaptcha因为字体缺失没法显示验证码图片 商鼎云技术 dockerjava容器
    2015工作至今，10年资深全栈工程师，CTO，擅长带团队、攻克各种技术难题、研发各类软件产品，我的代码态度：代码虐我千百遍，我待代码如初恋，我的工作态度：极致，责任，死磕！欢迎点赞、收藏、关注，更多分享请进我主页。Java项目在开发主机以及宿主服务器，Kaptcha都可以正常显示验证码图片，而docker运行Java项目，Kaptcha会因为字体缺失而没法显示验证码图片，报错如下java.lan
  • Spring4.1新特性——综述 jinnianshilongnian spring 4.1
    目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
  • Schema与数据类型优化 annan211 数据结构mysql
    目前商城的数据库设计真是一塌糊涂，表堆叠让人不忍直视，无脑的架构师，说了也不听。 在数据库设计之初，就应该仔细揣摩可能会有哪些查询，有没有更复杂的查询，而不是仅仅突出 很表面的业务需求，这样做会让你的数据库性能成倍提高，当然，丑陋的架构师是不会这样去考虑问题的。 选择优化的数据类型 1 更小的通常更好 更小的数据类型通常更快，因为他们占用更少的磁盘、内存和cpu缓存，
  • 第一节 HTML概要学习 chenke htmlWebcss
    第一节 HTML概要学习 1. 什么是HTML HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写，它规定了自己的语法规则，用来表示比“文本”更丰富的意义，比如图片，表格，链接等。浏览器（IE,FireFox等）软件知道HTML语言的语法，可以用来查看HTML文档。目前互联网上的绝大部分网页都是使用HTML编写的。 打开记事本 输入一下内
  • MyEclipse里部分习惯的更改 Array_06 eclipse
    继续补充中---------------------- 1.更改自己合适快捷键windows-->prefences-->java-->editor-->Content Assist-->      Activation triggers for java的右侧“.”就可以改变常用的快捷键 选中 Text
  • 近一个月的面试总结 cugfy 面试
    本文是在学习中的总结，欢迎转载但请注明出处：http://blog.csdn.net/pistolove/article/details/46753275 前言       打算换个工作，近一个月面试了不少的公司，下面将一些面试经验和思考分享给大家。另外校招也快要开始了，为在校的学生提供一些经验供参考，希望都能找到满意的工作。 
  • HTML5一个小迷宫游戏 357029540 html5
         通过《HTML5游戏开发》摘抄了一个小迷宫游戏，感觉还不错，可以画画，写字，把摘抄的代码放上来分享下，喜欢的同学可以拿来玩玩！ <html> <head> <title>创建运行迷宫</title> <script type="text/javascript"
  • 10步教你上传githib数据 张亚雄 git
    官方的教学还有其他博客里教的都是给懂的人说得，对已我们这样对我大菜鸟只能这么来锻炼，下面先不玩什么深奥的，先暂时用着10步干净利索。等玩顺溜了再用其他的方法。 操作过程（查看本目录下有哪些文件NO.1）ls （跳转到子目录NO.2）cd+空格+目录 （继续NO.3）ls （匹配到子目录NO.4）cd+ 目录首写字母+tab键+（首写字母“直到你所用文件根就不再按TAB键了”） （查看文件
  • MongoDB常用操作命令大全 adminjun mongodb操作命令
    成功启动MongoDB后，再打开一个命令行窗口输入mongo，就可以进行数据库的一些操作。输入help可以看到基本操作命令，只是MongoDB没有创建数据库的命令，但有类似的命令 如：如果你想创建一个“myTest”的数据库，先运行use myTest命令，之后就做一些操作（如：db.createCollection('user')）,这样就可以创建一个名叫“myTest”的数据库。 一
  • bat调用jar包并传入多个参数 aijuans
    下面的主程序是通过eclipse写的： 1.在Main函数接收bat文件传递的参数（String[] args）  如：   String ip =args[0];          String user=args[1];       &nbs
  • Java中对类的主动引用和被动引用 ayaoxinchao java主动引用对类的引用被动引用类初始化
      在Java代码中，有些类看上去初始化了，但其实没有。例如定义一定长度某一类型的数组，看上去数组中所有的元素已经被初始化，实际上一个都没有。对于类的初始化，虚拟机规范严格规定了只有对该类进行主动引用时，才会触发。而除此之外的所有引用方式称之为对类的被动引用，不会触发类的初始化。虚拟机规范严格地规定了有且仅有四种情况是对类的主动引用，即必须立即对类进行初始化。四种情况如下：1.遇到ne
  • 导出数据库 提示 outfile disabled BigBird2012 mysql
    在windows控制台下，登陆mysql，备份数据库：   mysql>mysqldump -u root -p test test > D:\test.sql 使用命令 mysqldump 格式如下： mysqldump -u root -p *** DBNAME > E:\\test.sql。 注意：执行该命令的时候不要进入mysql的控制台再使用，这样会报
  • Javascript 中的 && 和 || bijian1013 JavaScript&&||
            准备两个对象用于下面的讨论 var alice = { name: "alice", toString: function () { return this.name; } } var smith = { name: "smith",
  • [Zookeeper学习笔记之四]Zookeeper Client Library会话重建 bit1129 zookeeper
    为了说明问题，先来看个简单的示例代码：   package com.tom.zookeeper.book; import com.tom.Host; import org.apache.zookeeper.WatchedEvent; import org.apache.zookeeper.ZooKeeper; import org.apache.zookeeper.Wat
  • 【Scala十一】Scala核心五：case模式匹配 bit1129 scala
    package spark.examples.scala.grammars.caseclasses object CaseClass_Test00 { def simpleMatch(arg: Any) = arg match { case v: Int => "This is an Int" case v: (Int, String)
  • 运维的一些面试题 yuxianhua linux
    1、Linux挂载Winodws共享文件夹   mount -t cifs //1.1.1.254/ok /var/tmp/share/ -o username=administrator,password=yourpass 或 mount -t cifs -o username=xxx,password=xxxx //1.1.1.1/a /win    
  • Java lang包-Boolean BrokenDreams boolean
             Boolean类是Java中基本类型boolean的包装类。这个类比较简单，直接看源代码吧。 public final class Boolean implements java.io.Serializable,
  • 读《研磨设计模式》-代码笔记-命令模式-Command bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.Collection; import java.util.List; /** * GOF 在《设计模式》一书中阐述命令模式的意图：“将一个请求封装
  • matlab下GPU编程笔记 cherishLC matlab
    不多说，直接上代码 gpuDevice % 查看系统中的gpu,,其中的DeviceSupported会给出matlab支持的GPU个数。 g=gpuDevice(1); %会清空 GPU 1中的所有数据,,将GPU1 设为当前GPU reset(g) %也可以清空GPU中数据。 a=1; a=gpuArray(a); %将a从CPU移到GPU中 onGP
  • SVN安装过程 crabdave SVN
    SVN安装过程   subversion-1.6.12   ./configure --prefix=/usr/local/subversion --with-apxs=/usr/local/apache2/bin/apxs --with-apr=/usr/local/apr --with-apr-util=/usr/local/apr --with-openssl=/
  • sql　行列转换 daizj sql行列转换行转列列转行
    行转列的思想是通过case when 来实现 列转行的思想是通过union all 来实现 下面具体例子： 假设有张学生成绩表(tb)如下: Name Subject Result 张三 语文　　74 张三 数学　　83 张三 物理　　93 李四 语文　　74 李四 数学　　84 李四 物理　　94 */ /* 想变成 姓名   &
  • MySQL--主从配置 dcj3sjt126com mysql
    linux下的mysql主从配置： 说明：由于MySQL不同版本之间的(二进制日志)binlog格式可能会不一样，因此最好的搭配组合是Master的MySQL版本和Slave的版本相同或者更低， Master的版本肯定不能高于Slave版本。（版本向下兼容） mysql1  : 192.168.100.1    //master mysq
  • 关于yii 数据库添加新字段之后model类的修改 dcj3sjt126com Model
    rules: array('新字段','safe','on'=>'search') 1、array('新字段', 'safe')//这个如果是要用户输入的话，要加一下， 2、array('新字段', 'numerical'),//如果是数字的话 3、array('新字段', 'length', 'max'=>100),//如果是文本 1、2、3适当的最少要加一条，新字段才会被
  • sublime text3 中文乱码解决 dyy_gusi Sublime Text
    sublime text3中文乱码解决 原因：缺少转换为UTF-8的插件 目的：安装ConvertToUTF8插件包 第一步：安装能自动安装插件的插件，百度“Codecs33”，然后按照步骤可以得到以下一段代码： import urllib.request,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a30980927
  • 概念了解：CGI，FastCGI，PHP-CGI与PHP-FPM geeksun PHP
    CGI CGI全称是“公共网关接口”(Common Gateway Interface)，HTTP服务器与你的或其它机器上的程序进行“交谈”的一种工具，其程序须运行在网络服务器上。 CGI可以用任何一种语言编写，只要这种语言具有标准输入、输出和环境变量。如php,perl,tcl等。 FastCGI FastCGI像是一个常驻(long-live)型的CGI，它可以一直执行着，只要激活后，不
  • Git push 报错 "error: failed to push some refs to " 解决 hongtoushizi git
    Git push 报错 "error: failed to push some refs to " . 此问题出现的原因是：由于远程仓库中代码版本与本地不一致冲突导致的。 由于我在第一次git pull --rebase 代码后，准备push的时候，有别人往线上又提交了代码。所以出现此问题。 解决方案： 1： git pull    2：
  • 第四章 Lua模块开发 jinnianshilongnian nginxlua
    在实际开发中，不可能把所有代码写到一个大而全的lua文件中，需要进行分模块开发；而且模块化是高性能Lua应用的关键。使用require第一次导入模块后，所有Nginx 进程全局共享模块的数据和代码，每个Worker进程需要时会得到此模块的一个副本（Copy-On-Write），即模块可以认为是每Worker进程共享而不是每Nginx Server共享；另外注意之前我们使用init_by_lua中初
  • java.lang.reflect.Proxy liyonghui160com
      1.简介   Proxy 提供用于创建动态代理类和实例的静态方法 （1）动态代理类的属性 代理类是公共的、最终的，而不是抽象的 未指定代理类的非限定名称。但是，以字符串 "$Proxy" 开头的类名空间应该为代理类保留 代理类扩展 java.lang.reflect.Proxy 代理类会按同一顺序准确地实现其创建时指定的接口
  • Java中getResourceAsStream的用法 pda158 java
    1.Java中的getResourceAsStream有以下几种： 1. Class.getResourceAsStream(String path) ： path 不以’/'开头时默认是从此类所在的包下取资源，以’/'开头则是从ClassPath根下获取。其只是通过path构造一个绝对路径，最终还是由ClassLoader获取资源。 　　2. Class.getClassLoader.get
  • spring 包官方下载地址（非maven） sinnk spring
    SPRING官方网站改版后，建议都是通过 Maven和Gradle下载，对不使用Maven和Gradle开发项目的，下载就非常麻烦，下给出Spring Framework jar官方直接下载路径:   http://repo.springsource.org/libs-release-local/org/springframework/spring/   s
  • Oracle学习笔记(7) 开发PLSQL子程序和包 vipbooks oraclesql编程
        哈哈，清明节放假回去了一下，真是太好了，回家的感觉真好啊！现在又开始出差之旅了，又好久没有来了，今天继续Oracle的学习！      这是第七章的学习笔记，学习完第六章的动态SQL之后，开始要学习子程序和包的使用了……，希望大家能多给俺一些支持啊！     编程时使用的工具是PLSQL
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他