如何在一个div里上传图片,并显示在当前div的另一处

图片说明
如图,选择图片后显示在右上角

图片说明

3个回答

帮你写了个,望采纳

 <body>
    <input type="file" id="file" onchange="show()">
    <div id="img" style="width:300px;height:300px;border:1px solid #d5d5d5">这里显示图片</div>
    <script>
        function show(){
            var input = document.getElementById("file");
            var file = input.files[0];
            if(!/image\/\w+/.test(file.type)){
                alert("文件必须为图片!");
                return false;
            }
            var reader = new FileReader();
            reader.readAsDataURL(file);
            reader.onload = function(){
                document.getElementById("img").innerHTML = '<img src="'+this.result+'" style="width:300px;height:300px;"/>'
            }
        }
    </script>
</body>

可以使用Ajax异步上传,后台上传接口返回图片的url,用js将返回的url赋值给img的src.
http://blog.csdn.net/thc1987/article/details/15341201

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
java web项目整合一个图片上传webUploader
因为是初学者,所以想写个ssh的小项目,练练手, 在网上下了一个商城的后台模板,最近正在实现功能, 现在写到了,新增商品时的上传功能, 模板自带的上传是用的webUploader, 现在遇到的问题是图片上传的时候不知道怎么保存在服务器中, 代码如下: html: <div class="clearfix cl"> <label class="form-label col-2">图片上传:</label> <div class="formControls col-10"> <div class="uploader-list-container"> <div class="queueList"> <div id="dndArea" class="placeholder"> <div id="filePicker-2"></div> <p>或将照片拖到这里,单次最多可选300张</p> </div> </div> <div class="statusBar" style="display:none;"> <div class="progress"> <span class="text">0%</span> <span class="percentage"></span> </div> <div class="info"></div> <div class="btns"> <div id="filePicker2"></div> <div class="uploadBtn">开始上传</div> </div> </div> </div> </div> </div> js: $(function(){ $('.skin-minimal input').iCheck({ checkboxClass: 'icheckbox-blue', radioClass: 'iradio-blue', increaseArea: '20%' }); $list = $("#fileList"), $btn = $("#btn-star"), state = "pending", uploader; var uploader = WebUploader.create({ auto: true, swf: 'lib/webuploader/0.1.5/Uploader.swf', // 文件接收服务端。 server: 'fileUpload.action', // 选择文件的按钮。可选。 // 内部根据当前运行是创建,可能是input元素,也可能是flash. pick: '#filePicker', // 不压缩image, 默认如果是jpeg,文件上传前会压缩一把再上传! resize: false, // 只允许选择图片文件。 accept: { title: 'Images', extensions: 'gif,jpg,jpeg,bmp,png', mimeTypes: 'image/*' } }); }); 问题是, // 文件接收服务端。 server: 'fileUpload.action', 在网上查的这个属性是文件接收服务器端,如果我给一个Action,它会显示上传成功![图片说明](https://img-ask.csdn.net/upload/201706/25/1498386878_982619.png) 就算是上传成功,在服务器也找不到这个图片, 但是,原页面和网上搜到的一些例子都是 // 文件接收服务端。 server: 'http://webuploader.duapp.com/server/fileupload.php', 以php结尾的文件,这个是有什么问题,求解释 如果我修改成这个文件,就上传失败了, 这个属性值到底是给什么,还有,我怎么能获取到他的路径,文件名称,是在Action中定义file属性,get,set,获取他的值吗?
关于jsp页面调用摄像头拍照并显示图片的问题其一
之前是只显示当前拍摄的那一张图片,现在由于需拍摄的图片有多张,需要把所有的图片显示在一个区域,大致样式如下,黑色边框代表图片的显示区域,摄像头显示的区域不变 ![图片说明](https://img-ask.csdn.net/upload/201806/30/1530339261_353169.png) 照片是从左到右依次排列显示,并且每张图的右上角有可删除功能,想请问代码应该怎么加,怎么改?下面是之前显示的部分代码 ``` CSS: .booth { position:relative; top:-350px; left:350px; width:420px; background:#ccc; border: 10px solid #ddd; margin: 0 auto; } jsp: </div> <div class="booth"> <video id="video" width="400" height="300"></video> <input id='tack' type="button" value="拍照"> <canvas id='canvas' width='400' height='300'></canvas> <img id='img' src=''> <input type="button" onclick="uploadImage();" value="上传"> </div> JS: var video = document.getElementById('video'), canvas = document.getElementById('canvas'), snap = document.getElementById('tack'), img = document.getElementById('img'), vendorUrl = window.URL || window.webkitURL; //媒体对象 navigator.getMedia = navigator.getUserMedia || navagator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia; navigator.getMedia({ video: true, //使用摄像头对象 audio: false //不适用音频 }, function(strem){ console.log(strem); video.src = vendorUrl.createObjectURL(strem); video.play(); }, function(error) { //error.code console.log(error); }); snap.addEventListener('click', function(){ //绘制canvas图形 canvas.getContext('2d').drawImage(video, 0, 0, 400, 300); //把canvas图像转为img图片 img = canvas.toDataURL("image/png"); }); ```
如何获取系统时间当前年份和季度,并显示出来?
我需要获取到系统时间里的当前年份和季度,还需要一个截至日期, 如果是1季度截至日期就是xxxx年4月30日,2季度就是xxxx年7月31日, 3季度就是xxxx年10月31日,4季度就是xxxx年1月31日。获取到的日期后 根据日期显示出是1季度、2季度、3季度还是4季度,年份哪里只要xxxx年, 不要后面的月日和时间,做成下图这样就行了 ![图片说明](https://img-ask.csdn.net/upload/201805/22/1526978354_72281.png) ``` <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> ... </head> <body> <div style="height: 50px; text-align: center; padding-top: 20px; padding-right: 20px; padding-left: 20px"> <div style="float: left; padding: 5px"> <span class="label label-default" style="background-color: white; color: gray; border:1px solid gray;">2018年</span> <span class="label label-default" style="background-color: white; color: gray; border:1px solid gray; margin-left: 15px">1季度</span> </div> <span style="font-size: 20px">数据上传</span> <span style="float: right; color: blue;">截至日期:2018年4月30日</span> </div> </body> ```
请教关于dialog的传值问题
当前页面无表单,它的一个DIV被dialog包装,该DIV包含的是<jsp:include>,即另一个jsp页面,而该页面中包含FORM表单,可否使用$('form').serializeArray,在dialog方法中将被包含页面的表单用ajax上传至后台?
使用layui的富文本编辑器 上传图片后不能显示图片 只能显示图片名
![图片说明](https://img-ask.csdn.net/upload/201903/23/1553320913_930043.png)![图片说明](https://img-ask.csdn.net/upload/201903/23/1553320929_255574.png) <div class="layui-form-item layui-form-text"> <label class="layui-form-label">历史</label> <div class="layui-input-block"> <textarea id="history" name="article_desc" lay-verify="article_desc" placeholder="" class="layui-textarea">请输入历史</textarea> </div> <input type="hidden" id="introCont"> </div> ``` <!--编辑器--> <script> layui.use(['layedit','form'], function(){ var layedit = layui.layedit,$ = layui.jquery,form = layui.form; //构建一个默认的编辑器 layedit.set({ uploadImage: { url: '/File/uploadImg', type: 'post' } }); var index = layedit.build('history',{tool: [ 'strong' //加粗 ,'italic' //斜体 ,'underline' //下划线 ,'del' //删除线 ,'|' //分割线 ,'left' //左对齐 ,'center' //居中对齐 ,'right' //右对齐 ,'link' //超链接 ,'unlink' //清除链接 ,'face' //表情 ,'image' //插入图片 // ,'help' //帮助 ]}); //自定义验证规则 form.verify({ history: function(value){ if(value.length < 0){ return '历史不能为空'; } } ,article_desc: function(value){ layedit.sync(index); } }); //编辑器外部操作 var active = { content: function(){ //alert(layedit.getContent(index)); //获取编辑器内容 var str = layedit.getContent(index); //赋值到隐藏的标签 $("#introduce").val(""+ str +""); //console.log("视频简介内容:"+ $("#introCont").val()) } }; $('.layui-textarea').on('click', function(){ var type = $(this).data('type'); active[type] ? active[type].call(this) : ''; }); }); </script> ``` package com.yunce.web.controller; import com.yunce.web.Setting; import com.yunce.web.utils.FileUpload; import org.slf4j.Logger; import org.slf4j.LoggerFactory; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RequestMethod; import org.springframework.web.bind.annotation.RequestParam; import org.springframework.web.bind.annotation.ResponseBody; import org.springframework.web.multipart.MultipartFile; import javax.servlet.http.HttpServletRequest; import java.text.SimpleDateFormat; import java.util.Date; import java.util.HashMap; import java.util.Map; /** * Created by Administrator on 2019/3/22. */ @Controller @RequestMapping(value = "/File") public class FileController { public static Logger LOG = LoggerFactory.getLogger(FileController.class); @Autowired private Setting setting; @RequestMapping(value = "/uploadImg", method = RequestMethod.POST) @ResponseBody public Map<String, Object> uploadImg(@RequestParam (value = "file")MultipartFile[] files, HttpServletRequest request) { String url = setting.local_url; String saveFilePath = setting.image_dir; Map<String, Object> map = new HashMap<>(); Map<String, Object> data = new HashMap<>(); for (int i = 0, length = files.length; i < length; i++) { if (files[i] != null && !files[i].isEmpty()) { LOG.info("图片大小:" + files[i].getSize() / 1024 + "KB"); //获取图片的文件名 String fileName = files[i].getOriginalFilename(); //获取图片的扩展名 String extensionName = fileName.substring(fileName.lastIndexOf(".") + 1); //新的图片文件名 = 年月日+随机数 +"."图片扩展名 String dateStr = new SimpleDateFormat("yyyyMMdd").format(new Date()); Integer num = (int) ((Math.random() * 9 + 1) * 100000); String newFileName = String.valueOf(dateStr + num) + "." + extensionName; FileUpload.saveFile(newFileName, files[i], saveFilePath); url = url + "/" + newFileName; data.put("src", url); data.put("title", newFileName); map.put("code", 0); map.put("msg", "上传成功"); map.put("data", data); } } return map; } } /* String tempPath="f:/upload"; Map<String,Object> map=new HashMap<>(); Map<String,Object> data=new HashMap<>(); String oldName=file.getOriginalFilename(); System.out.println("图片名字:oldName is:"+oldName); String tempName = System.currentTimeMillis() + ""; System.out.println("tempName is:" +tempName); //以文件名命名的文件夹 String tempFileDir = tempPath + "/" + tempName; File parentFileDir = new File(tempFileDir); //若不存在 就新建 if (!parentFileDir.exists()) { parentFileDir.mkdirs(); } //新文件名 获取当前名+文件后缀 String newName = tempName + oldName.substring(oldName.lastIndexOf(".")); //数据库img的src String src="/upload/"+tempName+"/"+newName; System.out.println("图片名字:newName is:"+newName); try { //存放文件 (文件名,文件) file.transferTo(new File(tempFileDir,newName)); } catch (IllegalStateException e) { e.printStackTrace(); } catch (IOException e) { e.printStackTrace(); }*/ ``` ```
inputfile多文件上传,删除当前文件的问题
html内容 ``` <div class="form-group" id="fangInput"> </div> <div class="form-group"> <input type="file" name="files" id="fileIds1" values="请选择上传文件" multiple="multiple" > <button type="button" class="btn btn-default" style="background-color:#337ab7;color:#fff;margin-top:3px" id="btn_upload1" >点击上传</button> </div> ``` js内容 ``` $("#btn_upload1").click(function () { var fileObj1 = document.getElementById("fileIds1").files console.log(fileObj1); if(JSON.stringify(fileObj1)==='{}'){ alert("请选择上传文件") }else{ var i = 0; var jj = 0; var formFile = new FormData(); for (i; i < fileObj1.length; i++) { var fileObj = document.getElementById("fileIds1").files[i]; formFile.append("files", fileObj); }//加入文件对象 var data = formFile; $.ajax({ url: '${ctxPath}/data/readFile?id='+fileupload, data: data, type: "Post", dataType: "json", cache: false,//上传文件无需缓存 processData: false,//用于对data参数进行序列化处理 这里必须false contentType: false, //必须 success: function (data) { if("ok" == data.msg){ alert("上传文件成功!"); fileIds=fileIds+data.id; console.log(fileIds); }else{ alert("上传文件失败!"); $("#fileIds").val(""); fileIds=""; } } }) } }) $("#fileIds1").change(function() { console.log(1); var fileObj1 = document.getElementById("fileIds1").files; // js 获取文件对象 console.log(fileObj1); for (var i = 0; i < fileObj1.length; i++) { $("#fangInput").append('<p for="message-text" class="control-label" style="width: 100%;height: auto;word-wrap:break-word;word-break:break-all;overflow: hidden">文件名:' + fileObj1[i].name + ' <button type="button" onclick="fangDelete(this)" class="btn btn-default del-btn" style="background-color:#dc4739;color:#fff;margin-top:3px">删除文件</button></p >'); } console.log(fileObj1); }) function fangDelete(t) { var fileObj1 = document.getElementById("fileIds1").files; console.log(fileObj1); delete fileObj1[t]; console.log(fileObj1); console.log($(t).closest("p")); $(t).closest("p").remove(); } ``` input file在前端进行了多选,删除操作,但实际上我只是删除了表面视图上的p元素,实际input(file)里的值我并没有改变,上传到后端的还是那些文件。想请问大神如何在我的点击事件里再删除p元素的同时,用删除当前选中input file的值,实现真正意义上的文件的多选,删除
jQuery上传插件Uploadify 3.2在.NET下的详细例子
项目中要使用Uploadify 3.2来实现图片上传并生成缩略通的功能,特此记下来,以供各位参考! Uploadify下载地址:http://www.uploadify.com/download/ 下载下来解压后估计里面很多文件,其实有用的也就jquery.uploadify.min.js、uploadify.css、uploadify.swf和uploadify-cancel.png这四个文件。你还得下载jQuery库,我这里用的是jquery-1.7.2.min.js,另外和大多数JQ插件一样,同时也需要swfobject.js这个插件,我的是2.2的版本,东西都准备好了,那下面就开始。 前端界面: [html] view plain copy <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="jqUploadify._Default" %> <!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/1999/xhtml"> <head runat="server"> <title>无标题页</title> <link href="scripts/uploadify.css" rel="stylesheet" type="text/css" /> <link href="scripts/default.css" rel="stylesheet" type="text/css" /> <script src="scripts/jquery-1.7.2.min.js" type="text/javascript"></script> <script src="scripts/swfobject.js" type="text/javascript"></script> <script src="scripts/jquery.uploadify.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function(){ $("#file_upload").uploadify({ //开启调试 'debug' : false, //是否自动上传 'auto':false, 'buttonText':'选择照片', //flash 'swf': "scripts/uploadify.swf", //文件选择后的容器ID 'queueID':'uploadfileQueue', 'uploader':'scripts/upload.ashx', 'width':'75', 'height':'24', 'multi':false, 'fileTypeDesc':'支持的格式:', 'fileTypeExts':'*.jpg;*.jpge;*.gif;*.png', 'fileSizeLimit':'1MB', 'removeTimeout':1, //返回一个错误,选择文件的时候触发 'onSelectError':function(file, errorCode, errorMsg){ switch(errorCode) { case -100: alert("上传的文件数量已经超出系统限制的"+$('#file_upload').uploadify('settings','queueSizeLimit')+"个文件!"); break; case -110: alert("文件 ["+file.name+"] 大小超出系统限制的"+$('#file_upload').uploadify('settings','fileSizeLimit')+"大小!"); break; case -120: alert("文件 ["+file.name+"] 大小异常!"); break; case -130: alert("文件 ["+file.name+"] 类型不正确!"); break; } }, //检测FLASH失败调用 'onFallback':function(){ alert("您未安装FLASH控件,无法上传图片!请安装FLASH控件后再试。"); }, //上传到服务器,服务器返回相应信息到data里 'onUploadSuccess':function(file, data, response){ //alert(data); } }); }); function doUplaod(){ $('#file_upload').uploadify('upload','*'); } function closeLoad(){ $('#file_upload').uploadify('cancel','*'); } </script> </head> <body> <table width="704" border="0" align="center" cellpadding="0" cellspacing="0" id="__01"> <tr> <td align="center" valign="middle"> <div id="uploadfileQueue" style="padding: 3px;"> </div> <div id="file_upload"> </div> </td> </tr> <tr> <td height="50" align="center" valign="middle"> <img alt="" src="images/BeginUpload.gif" width="77" height="23" onclick="doUplaod()" style="cursor: hand" /> <img alt="" src="images/CancelUpload.gif" width="77" height="23" onclick="closeLoad()" style="cursor: hand" /> </td> </tr> </table> </body> </html> 后端的Handler: [csharp] view plain copy using System; using System.Collections; using System.Data; using System.Linq; using System.Web; using System.Web.Services; using System.Web.Services.Protocols; using System.Xml.Linq; using System.Web.SessionState; using System.IO; namespace jqUploadify.scripts { /// <summary> /// $codebehindclassname$ 的摘要说明 /// </summary> [WebService(Namespace = "http://tempuri.org/")] [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)] public class upload : IHttpHandler, IRequiresSessionState { public void ProcessRequest(HttpContext context) { context.Response.ContentType = "text/plain"; context.Response.Charset = "utf-8"; HttpPostedFile file = context.Request.Files["Filedata"]; string uploadPath = context.Server.MapPath("..\\uploads\\"); if (file != null) { if (!Directory.Exists(uploadPath)) { Directory.CreateDirectory(uploadPath); } file.SaveAs(uploadPath + file.FileName); //生成缩略图 MakeThumbnail(uploadPath + file.FileName, uploadPath + "\\s\\" + file.FileName, 80, 80); } } private void MakeThumbnail(string sourcePath, string newPath, int width, int height) { System.Drawing.Image ig = System.Drawing.Image.FromFile(sourcePath); int towidth = width; int toheight = height; int x = 0; int y = 0; int ow = ig.Width; int oh = ig.Height; if ((double)ig.Width / (double)ig.Height > (double)towidth / (double)toheight) { oh = ig.Height; ow = ig.Height * towidth / toheight; y = 0; x = (ig.Width - ow) / 2; } else { ow = ig.Width; oh = ig.Width * height / towidth; x = 0; y = (ig.Height - oh) / 2; } System.Drawing.Image bitmap = new System.Drawing.Bitmap(towidth, toheight); System.Drawing.Graphics g = System.Drawing.Graphics.FromImage(bitmap); g.InterpolationMode = System.Drawing.Drawing2D.InterpolationMode.High; g.SmoothingMode = System.Drawing.Drawing2D.SmoothingMode.HighQuality; g.Clear(System.Drawing.Color.Transparent); g.DrawImage(ig, new System.Drawing.Rectangle(0, 0, towidth, toheight), new System.Drawing.Rectangle(x, y, ow, oh), System.Drawing.GraphicsUnit.Pixel); try { bitmap.Save(newPath, System.Drawing.Imaging.ImageFormat.Jpeg); } catch (Exception ex) { throw ex; } finally { ig.Dispose(); bitmap.Dispose(); g.Dispose(); } } public bool IsReusable { get { return false; } } } } 这样我们就是实现图片上传至uploads,生成的缩略图(这里设为80*80)存放在uploads下面的s文件夹中,是不是很简单呢!当然实际使用过程你还可能碰到一下的问题: 1、在火狐下session出现丢失的情况,可以参考这里:http://www.cnblogs.com/akingyao/archive/2012/09/04/2670794.html 2、IE9出现了按钮不能点击的问题,可以参考这里:http://www.uploadify.com/forum/#/discussion/9155/uploadify-version-3-2-does-not-work-in-ie9/p1 最后贴一个Uploadify参数说明: Uploadify Version 3.2 Options选项设置 auto 选择文件后自动上传 buttonClass 给“浏览按钮”加css的class样式 buttonCursor 鼠标移上去形状:arrow箭头、hand手型(默认) buttonImage 鼠标移上去变换图片 buttonText 按钮文字 checkExisting 在目录中检查文件是否已上传成功(1 ture,0 false) debug 是否显示调试框(默认不显示false) fileObjName 设置一个名字,在服务器处理程序中根据该名字来取上传文件的数据。默认为Filedata,$tempFile = $_FILES['Filedata']['tmp_name'] fileSizeLimit 设置允许上传文件最大值B, KB, MB, GB 比如:'fileSizeLimit' : '20MB' fileTypeDesc 选择的文件的描述。这个字符串出现在浏览文件对话框中文件类型下拉框处。默认:All Files fileTypeExts 允许上传的文件类型。格式:'fileTypeExts' : '*.gif; *.jpg; *.png' formData 附带值,需要通过get or post传递的额外数据,需要结合onUploadStart事件一起使用 height “浏览按钮”高度px itemTemplate <itemTemplate>节点表示显示的内容。这些内容中也可以包含绑定到控件DataSource属性中元素集合的数据。 method 上传方式。默认:post multi 选择文件时是否可以【选择多个】。默认:可以true overrideEvents 不执行默认的onSelect事件 preventCaching 随机缓存值 默认true ,可选true和false.如果选true,那么在上传时会加入一个随机数来使每次的URL都不同,以防止缓存.但是可能与正常URL产生冲突 progressData 进度条上显示的进度:有百分比percentage和速度speed。默认百分比 queueID 给“进度条”加背景css的ID样式。文件选择后的容器ID queueSizeLimit 允许多文件上传的数量。默认:999 removeCompleted 上传完成后队列是否自动消失。默认:true removeTimeout 上传完成后队列多长时间后消失。默认 3秒 需要:'removeCompleted' : true,时使用 requeueErrors 队列上传出错,是否继续回滚队列,即反复尝试上传。默认:false successTimeout 上传超时时间。文件上传完成后,等待服务器返回信息的时间(秒).超过时间没有返回的话,插件认为返回了成功。 默认:30秒 swf swf文件的路径,本文件是插件自带的,不可用其它的代替.本参数不可省略 uploader 上传处理程序URL,本参数不可省略 uploadLimit 限制总上传文件数,默认是999。指同一时间,如果关闭浏览器后重新打开又可上传。 width “浏览按钮”宽度px Events 事件 onCancel 当取消一个上传队列中的文件时触发,删除时触发 onClearQueue 清除队列。当'cancel'方法带着*参数时,也就是说一次全部取消的时候触发.queueItemCount是被取消的文件个数(另外的按钮) onDestroy 取消所有的上传队列(另外的按钮) onDialogClose 当选择文件对话框关闭时触发,不论是点的'确定'还是'取消'都会触发.如果本事件被添加进了'overrideEvents'参数中,那么如果在选择文件时产生了错误,不会有错误提示框弹出 onDialogOpen 当选择文件框被打开时触发,没有传过来的参数 onDisable 关闭上传 onEnable 开启上传 onFallback 检测FLASH失败调用 onInit 每次初始化一个队列时触发 onQueueComplete 当队列中的所有文件上传完成时触发 onSelect 当文件从浏览框被添加到队列中时触发 onSelectError 选择文件出错时触发 onSWFReady flash准备好时触发 onUploadComplete当一个文件上传完成时触发 onUploadError 当文件上传完成但是返回错误时触发 onUploadProgress上传汇总 onUploadStart 一个文件上传之间触发 onUploadSuccess 每个上传完成并成功的文件都会触发本事件 Methods 方法 cancel 取消一个上传队列 destroy 取消所有上传队列 disable 禁止点击“浏览按钮” settings 返回或修改一个 uploadify实例的settings值 stop 停止当前的上传并重新添加到队列中去 upload 上传指定的文件或者所有队列中的文件 最后是DEMO的下载地址:http://download.csdn.net/detail/wangqiuyun/566551
有人用过ajaxfileupload上传图片,然后用Jcrop去截图的么?有个问题请教下!
我用AjaxFileUpload把图片传上去了,然后返回图片的上传路径到前台<img>标签里,为什么返回的高度宽度都是0,然后自动生成的<div>下面的<img>标签也没有获取到src属性 ``` /** * 文件上传 * @param file * @param request * @param response * @return */ @RequestMapping(value = "/uploadFile.do") public @ResponseBody Map<String,Object> uploadFile(@RequestParam(value = "apkFile") MultipartFile file,HttpServletRequest request, HttpServletResponse response) { Map<String,Object> resMap = new HashMap<String,Object>(); //String classPath = this.getClass().getClassLoader().getResource("/").getPath(); String classPath = request.getRealPath("/"); if (file != null) { if (file.isEmpty()) { // 未选择文件 resMap.put("status", "未选择文件"); } else{ // 文件原名称 String originFileName = file.getOriginalFilename(); try { //这里使用Apache的FileUtils方法来进行保存 FileUtils.copyInputStreamToFile(file.getInputStream(), new File(classPath+uploadDir, originFileName)); resMap.put("status","ok"); resMap.put("imgUrl","../"+uploadDir+originFileName); } catch (IOException e) { resMap.put("status", "文件上传失败!"); e.printStackTrace(); } } } return resMap; } ``` 这是我的controller方法 ``` <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <link rel="stylesheet" href="../resources/css/jquery.Jcrop.min.css" type="text/css" /> <!-- <script src="../resources/js/common/jquery-1.11.3.js" type="text/javascript"></script> --> <script src="http://edge1u.tapmodo.com/global/js/jquery.min.js"></script> <script src="../resources/js/common/ajaxfileupload.js" type="text/javascript"></script> <script src="../resources/js/fileupload.js" type="text/javascript"></script> <script src="../resources/js/common/jquery.Jcrop.js"></script> <title>上传头像</title> </head> <body> 当前用户: ${userName} <input id="userId" value="${userId }" type="hidden" /> <div id="addApkWindows"> <div id="result"></div> 上传文件: <input type="file" id="apkFile" name="apkFile" /> <input type="button" value="上传" onclick="ajaxFileUpload()" /> </div> <form id="form_save" action="/user/save_portrait" style="display: none;"> <input type="hidden" id="img_left" name="left" value="0"> <input type="hidden" id="img_top" name="top" value="0"> <input type="hidden" id="img_width" name="width" value="0"> <input type="hidden" id="img_height" name="height" value="0"> <input type="hidden" id="img_rd" name="rd" value="0"> </form> <img src="" id="target" /> </body> </html> ``` 这是页面代码 ``` $(function() { $('#target').Jcrop(); }); function ajaxFileUpload() { //获取软件更新详情 var apkIntroduce = $("#apkInfo").val(); //开始上传文件时显示一个图片,文件上传完成将图片隐藏 //$("#loading").ajaxStart(function(){$(this).show();}).ajaxComplete(function(){$(this).hide();}); //执行上传文件操作的函数,使用encodeURI方法,防止传输中文字符的时候出现乱码 var uploadUrl = encodeURI(encodeURI("uploadFile.do?apkIntroduce=" + apkIntroduce)); $.ajaxFileUpload({ //处理文件上传操作的服务器端地址(可以传参数,已亲测可用) url : uploadUrl, // url:basePath + "uploadApk.do?apkIntroduce="+apkIntroduce, secureuri : false, //是否启用安全提交,默认为false fileElementId : 'apkFile', //文件选择框的id属性 dataType : 'text', //服务器返回的格式,可以是json或xml等 success : function(data, status) { //服务器响应成功时的处理函数 var dataset = $.parseJSON(data); if (dataset.status == "ok") { $('#result').html("Apk上传成功"); $('#target').attr("src", dataset.imgUrl); } else if (dataset.status == "parm_is_empty") { $('#result').html("没有选择APK!"); } else { $('#result').html('Apk上传失败,请重试!!'); } }, error : function(data, status, e) { //服务器响应失败时的处理函数 console.log(e); console.log(data); $('#result').html('APK上传失败,请重试!!'); } }); $('#target').Jcrop(); } ``` ![](http://static.oschina.net/uploads/space/2015/1115/231553_hcvJ_2392241.png) 这是上传后的页面效果图
Html Webuploader 拖拽上传没有效果
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>Document</title> <link rel="stylesheet" type="text/css" href="D:/web/webuploader/webuploader.css" /> <link rel="stylesheet" type="text/css" href="D:/web/webuploader/uploadstyle.css" /> <script type="text/javascript" src="D:/web/webuploader/upjquery.js"></script> <script type="text/javascript" src="D:/web/webuploader/webuploader.js"></script> <script type="text/javascript" src="D:/web/webuploader/upload.js"></script> </head> <body> <script> uploader = WebUploader.create({ auto: true, // swf文件路径 swf:'D:\web\webuploader\Uploader.swf', // 文件接收服务端。 server: 'http://webuploader.duapp.com/server/fileupload.php', // 选择文件的按钮。可选。 // 内部根据当前运行是创建,可能是input元素,也可能是flash. pick: '#filePicker', // 只允许选择图片文件。 accept: { title: 'Images', extensions: 'gif,jpg,jpeg,bmp,png', mimeTypes: 'image/*' } }); // 当有文件添加进来的时候 uploader.on( 'fileQueued', function( file ) { var $li = $( '<div id="' + file.id + '" class="file-item thumbnail">' + '<img>' + '<div class="info">' + file.name + '</div>' + '</div>' ), $img = $li.find('img'); // $list为容器jQuery实例 $list.append( $li ); // 创建缩略图 // 如果为非图片文件,可以不用调用此方法。 // thumbnailWidth x thumbnailHeight 为 100 x 100 uploader.makeThumb( file, function( error, src ) { if ( error ) { $img.replaceWith('<span>不能预览</span>'); return; } $img.attr( 'src', src ); }, thumbnailWidth, thumbnailHeight ); }); </script> <div id="container" > <div id="uploader" > <div class="queueList"> <div id="dndArea" class="placeholder"> <div id="filePicker"></div> <p>或将照片拖到这里,单次最多可选9张,单个文件大小不超过2M</p> </div> </div> <div class="statusBar" style="display:none;"> <div class="progress"> <span class="text">0%</span> <span class="percentage"></span> </div><div class="info"></div> <div class="btns"> <div id="filePicker2"></div><div class="uploadBtn">发表</div> </div> </div> </div> </div> </body> </html>
使用WebUploader上传,文件一直是等待上传的状态
贴一下代码 $(".addMesFactoryUploader").each(function(){ debugger; uploaderCount ++ ; var bussinessId = $(this).attr("bussinessId"); var picker = "#"+bussinessId+"picker"; var dnd = "#"+$(this).attr("id") + " ."+bussinessId+"btns"; var uploader = WebUploader.create({ // swf文件路径 swf: '${pageContext.request.contextPath}/platform/js/lib/webuploader/Uploader.swf', // 文件接收服务端。 server: 'mesMat/saveAttaFile.do', //选择文件的按钮。可选。 // 内部根据当前运行是创建,可能是input元素,也可能是flash. pick: picker, // 不压缩image, 默认如果是jpeg,文件上传前会压缩一把再上传! resize: false, dnd : dnd, formData: { business: "", businessUuid:"", propCode:"", objectUuid:"" } , disableGlobalDnd: true }); uploader.on('fileQueued', function(file) { debugger; var lis = this.options.pick.substring(0,this.options.pick.length-6); var oId = file.id; $(lis+"thelist").append( '<div id="' + file.id + '" class="item">' + '<a class="info" title="'+file.name+'" >文件名称: ' + file.name + ' </a>'+'<span class="state">等待上传...</span>' + '<button class="delFile" onclick="delFile(\''+lis+'\',\''+oId+'\');">Cancel</button>'+'</div>' ); }); uploader.on('uploadFinished', function(file) { uploaderCount--; if(uploaderCount == 0){ submit(); } }); uploader.on( 'uploadSuccess', function( file , response ) { $( '#'+file.id ).find('span.state').text('上传成功'); $( '#'+file.id ).find('button').hide(); updateDocumentID(this.options.pick,response._raw); }); uploaders[uploader.options.pick] = uploader; });![图片说明](https://img-ask.csdn.net/upload/201711/15/1510727792_782059.png)
mvc中使用uploadify 无法上传大文件 提示超过长度
我使用uploadify上传 修改的配置文件可是还是无法上传超过4M的文件 view代码 ``` <link href="~/Scripts/jquery.uploadify-v2.1.0/default.css" rel="stylesheet" type="text/css" /> <link href="~/Scripts/jquery.uploadify-v2.1.0/uploadify.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="~/Scripts/JQuery/jquery-1.8.0.min.js"></script> <script type="text/javascript" src="~/Scripts/jquery.uploadify-v2.1.0/swfobject.js"></script> <script type="text/javascript" src="~/Scripts/jquery.uploadify-v2.1.0/jquery.uploadify.min.js"></script> <script type="text/javascript"> function flashChecker() { var hasFlash = 0;    //是否安装了flash var flashVersion = 0;  //flash版本 if (document.all) { var swf = new ActiveXObject('ShockwaveFlash.ShockwaveFlash'); if (swf) { hasFlash = 1; VSwf = swf.GetVariable("$version"); flashVersion = parseInt(VSwf.split(" ")[1].split(",")[0]); } } else { if (navigator.plugins && navigator.plugins.length > 0) { var swf = navigator.plugins["Shockwave Flash"]; if (swf) { hasFlash = 1; var words = swf.description.split(" "); for (var i = 0; i < words.length; ++i) { if (isNaN(parseInt(words[i]))) continue; flashVersion = parseInt(words[i]); } } } } return { f: hasFlash, v: flashVersion }; } var fls = flashChecker(); var s = ""; //if (fls.f) document.write("您安装了flash,当前flash版本为: " + fls.v + ".x"); //else document.write("您没有安装flash"); $(document).ready(function () { $("#uploadFile").uploadify({ /*注意前面需要书写path的代码*/ 'swf': '../../Scripts/jquery.uploadify-v2.1.0/uploadify.swf', 'uploader': '/Base/uploadhandler', //请求的Action 'cancelImg': '../../Scripts/Scripts/jquery.uploadify-v2.1.0/cancel.png', 'method': 'get', 'queueID': 'fileQueue', //和存放队列的DIV的id一致 'fileObjName': 'uploadFile',//和input的name属性值保持一致就好,Struts2就能处理了 'auto': true, //是否自动开始 'multi': true, //是否支持多文件上传 'buttonText': '上传', //按钮上的文字 'simUploadLimit': 1, //一次同步上传的文件数目 'sizeLimit': 100 * 1024 * 1024, //设置单个文件大小限制 // 'fileDesc' : '支持格式:jpg/gif/jpeg/png/bmp.', //如果配置了以下的'fileExt'属性,那么这个属性是必须的 // 'fileExt' : '*.jpg;*.gif;*.jpeg;*.png;*.bmp',//允许的格式 'queueSizeLimit': 5, //限制在一次队列中的次数(可选定几个文件)。默认值= 999,而一次可传几个文件有 simUploadLimit属性决定。 'fileSizeLimit': 100 * 1024 * 1024, //设置单个文件大小限制,单位为byte ,100M 'removeCompleted': true, 'removeTimeout': 0.5, 'requeueErrors': true, 'onUploadComplete': function (file) { // $("#result").append("<div>文件"+file.name+"上传成功!</div><br/>"); }, 'onUploadSuccess': function (file, data, response) { if ($("#hidFile").val() == "") { $("#hidFile").val(data); $("#showFile").text(data); } else { $("#hidFile").val($("#hidFile").val() + "|" + data + ""); $("#showFile").text($("#showFile").text() + ";" + data + ""); } }, 'onUploadError': function (file, errorCode, errorMsg, errorString, swfuploadifyQueue) { $("#result").html(errorString); }, }); }); </script> </head> <body class="easyui-layout"> <div class="item2 mt15"> <span class="reg-tit3">上传附件:</span> <div class="reg-inf"> <input type="file" name="uploadFile" id="uploadFile" class="pub-btn" /> <div id="fileQueue"></div> @*<a href="javascript:$('#uploadFile').uploadify('upload','*')">上传文件</a> <a href="javascript:$('#uploadFile').uploadify('cancel', '*')">取消所有上传</a>*@ </div> <label id="showFile" name="showFile"></label> </div> <div class="fl ml158 mt5 f12 gray0">最多可添加5个附件,单个文件大小不得超出10M,<br>可上传文件格式:pdf、doc、docx、xls、ppt、wps、zip、rar、txt、jpg、jpeg、gif、bmp、swf、png、lsp;</div> </body> ``` controller 代码 ``` public string UploadHandler() { HttpPostedFileBase file = Request.Files["uploadFile"]; if (file != null) { string path = Server.MapPath("~/UploadFile"); string pathWjj = System.DateTime.Now.ToString("yyyyMMdd"); string root = path + "/" + pathWjj; if (!Directory.Exists(root)) { Directory.CreateDirectory(root); } file.SaveAs(root + "/" + file.FileName); return pathWjj + "/" + file.FileName; } else { return "0"; } } ``` 配置文件 ``` <system.web> <httpRuntime maxRequestLength="40960" executionTimeout="6000" /> </system.web> <system.webServer> <validation validateIntegratedModeConfiguration="false" /> <modules runAllManagedModulesForAllRequests="true" /> <handlers> <remove name="BlockViewHandler"/> <add name="BlockViewHandler" path="*" verb="*" preCondition="integratedMode" type="System.Web.HttpNotFoundHandler" /> </handlers> <security > <requestFiltering> <requestLimits maxAllowedContentLength="40960"></requestLimits> </requestFiltering> </security> </system.webServer> ```
C#,用zyupload做Excel导入到数据库,数据多,加载慢,求zyupload的加载提示的事件
@{ ViewBag.Title = "Info"; } <h6>Info</h6> <script src="../../TopsLib/Scripts/jquery-1.7.1.min.js"></script> <link href="../../zyupload/skins/zyupload-1.0.0.min.css" rel="stylesheet" /> <script src="../../zyupload/zyupload-1.0.0.min.js"></script> <script type="text/javascript"> $(function(){ // 初始化插件 $("#zyupload").zyUpload({ width : "650px", // 宽度 height : "400px", // 宽度 itemWidth : "140px", // 文件项的宽度 itemHeight : "115px", // 文件项的高度 url : "Upload", fileType : ["xls"],// 上传文件的类型 fileSize : 51200000, // 上传文件的大小 multiple : true, // 是否可以多个文件上传 dragDrop : true, // 是否可以拖动上传文件 tailor : true, // 是否可以裁剪图片 del: true, // 是否可以删除文件 onbeforeSend: function () { //上传提示 alert("正在上传"); $("#uploadInf").append("<p>正在上传,请时候....</p>"); }, finishDel: false, // 是否在上传文件完成后删除预览 /* 外部获得的回调接口 */ onSelect: function (selectFiles, allFiles) { // 选择文件的回调方法 selectFile:当前选中的文件 allFiles:还没上传的全部文件 alert("当前选择了以下文件"); console.info("当前选择了以下文件:"); console.info(selectFiles); }, onDelete: function (file, files) { // 删除一个文件的回调方法 file:当前删除的文件 files:删除之后的文件 alert("当前删除了此文件"); console.info("当前删除了此文件:"); console.info(file.name); }, onSuccess: function (file, response) { // 文件上传成功的回调方法 alert("此文件上传成功"); console.info("此文件上传成功:"); console.info(file.name); console.info("此文件上传到服务器地址:"); console.info(response); $("#uploadInf").append("<p>上传成功,文件地址是:" + response + "</p>"); }, onFailure: function (file, response) { // 文件上传失败的回调方法 alert("此文件上传失败"); console.info("此文件上传失败:"); console.info(file.name); }, onComplete: function (response) { // 上传完成的回调方法 alert("文件上传完成"); console.info("文件上传完成"); console.info(response); } }); }); </script> <div id="zyupload" class="zyupload"></div>
使用MvcPager的时候,点击查询会使js失效
初学mvc,在使用mvcpager分页的时候遇到一个棘手的问题,请教各位大神 一个后台管理页面view,左边是导航相关,右边设置有一个iframe用于显示不同导航链接 对应的view 1.主页面index ``` <div class="container-fluid"> <div class="row"> <!--RIP左侧固定导航栏--> <div class="col-md-2"> <!--管理列表(使用Prodect页布局)--> <div class="list-group RIP-Leftnav" id="RIP-LEFTNAV"> <a href="#" class="list-group-item active" id="/RIPManage/RIPDynamic"> <h4 class="list-group-item-heading">首页</h4> <p class="list-group-item-text">提供动态信息维护</p> </a> <a href="#" class="list-group-item" id="/RIPManage/RIPProduct"> <h4 class="list-group-item-heading">产品与服务</h4> <p class="list-group-item-text">静态信息维护请联系开发人员</p> </a> <a href="#" class="list-group-item" id="/RIPManage/RIPApplication"> <h4 class="list-group-item-heading">应用案例</h4> <p class="list-group-item-text">提供动态信息维护</p> </a> <a href="#" class="list-group-item " id="/RIPManage/RIPQuality"> <h4 class="list-group-item-heading">质量保证体系</h4> <p class="list-group-item-text">静态信息维护请联系开发人员</p> </a> <a href="#" class="list-group-item " id="/RIPManage/RIPResult"> <h4 class="list-group-item-heading">研发能力</h4> <p class="list-group-item-text">提供动态信息维护</p> </a> <a href="#" class="list-group-item " id="/RIPManage/RIPEnterprise"> <h4 class="list-group-item-heading">企业信息</h4> <p class="list-group-item-text">静态信息维护请联系开发人员</p> </a> </div> </div> <!--RIP右侧自动管理页--> <div class="col-md-10"> <!--信息管理--> <section> <div class="embed-responsive embed-responsive-4by3"> <iframe class="embed-responsive-item" id="RIP-iframe" scrolling="no" name="RIP-iframe" onload="this.height = RIP-iframe.document.body.scrollHeight" width="100%" frameborder="0"></iframe> </div> </section> </div> </div> </div> ``` 2.嵌入的子页面 ``` <div class="RIP-inside"> <div class="container"> <div class="page-header"> <h1>首页管理</h1> <p>提供对企业动态信息的维护管理,包括基本的文字、图片和附件管理</p> </div> <div class="RIP-Item-padding"> @*<input class="form-control input-sm" type="text" placeholder="查询内容">*@ <fieldset> <legend>查询</legend> <div class="RIP-CUDpadding"> <!-- Provides extra visual weight and identifies the primary action in a set of buttons --> @Html.ActionLink("新增", "RIPDynamicInsert", new { }, new { @class = "btn btn-primary" }) <!-- Indicates a successful or positive action --> <button type="button" class="btn btn-danger" data-toggle="modal" data-target="#myModal" data-tempdata="" id="RIP-Delete"> 删除 </button> <!-- Modal --> <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> <h4 class="modal-title" id="myModalLabel">删除确认</h4> </div> <div class="modal-body" id="Modal-DeleteContent"> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button> @*<button type="button" class="btn btn-primary" id="RIP-Delete-confirm">确认删除</button>*@ <a href="javascript:void(0)" id="RIP-Delete-confirm" class="btn btn-primary">确认删除</a> </div> </div> </div> </div> <!-- Contextual button for informational alert messages --> <button type="button" class="btn btn-info">修改</button> <p>@TempData["Condition"]</p> </div> @using (Ajax.BeginForm("RIPDynamic", new RouteValueDictionary { { "id", "" } }, new AjaxOptions { UpdateTargetId = "articles", InsertionMode = InsertionMode.Replace }, new RouteValueDictionary { { "id", "searchForm" } })) { <div class="row"> <div class="col-md-4"><span>文章标题:</span><input type="text" name="title" id="title" class="form-control" /></div> <div class="col-md-4"><span>上传人员:</span><input type="text" name="author" id="author" class="form-control" /></div> <div class="col-md-4"><span>附件名称:</span><input type="text" name="source" id="source" class="form-control" /></div> </div> <div class="RIP-CUDpadding"><button type="submit" class="btn btn-success">查询</button></div> } </fieldset> </div> <div id="articles"> @Html.Partial("_AjaxSearchPost", Model) </div> @section Scripts { @{Html.RegisterMvcPagerScriptResource();} } <script> $(function () { //1.Table点击效果,可以多选,第二次点击取消效果 $('#RIP-Table tr').click(function () { var id = $(this).attr('id'); var value = $('#box-' + id + '').prop('checked'); if (value === true) { $('#box-' + id + '').prop('checked', false); $(this).removeClass('RIP-Click'); } else { $('#box-' + id + '').prop('checked', true); $(this).addClass('RIP-Click'); } }); //2.获取1中选择好的记录关键信息 $('#RIP-Delete').click(function () { var idlist = ''; $('#RIP-Delete').removeData('data-tempdata'); $('#RIP-Table input').each(function () { if ($(this).prop('checked') === true) { var value = $(this).attr('id'); if (value != 'undefine') idlist += value; } }); //根据所选内容是否为空初始化模态框对应内容 if (idlist == '') { $('#Modal-DeleteContent').text('需要选择数据'); $('#RIP-Delete-confirm').attr('disabled', 'true'); } else { $('#RIP-Delete').data('data-tempdata', idlist); var content = $('#RIP-Delete').data('data-tempdata'); $('#Modal-DeleteContent').text(content); $('#RIP-Delete-confirm').removeAttr('disabled'); $('#RIP-Delete-confirm').attr('href', '/RIPManage/RIPDynamicDelete/did=' + content + ''); } }); //3.ajax触发删除 }); </script> </div> </div> </body> ``` 对应的分部页 ``` @using Webdiyer.WebControls.Mvc; @model PagedList<Model.ViewModels.RIPDefaultViewModel> <div style="float:left;width:50%;vertical-align:middle; padding-bottom:10px"><h4>当前页: @Model.CurrentPageIndex / @Model.TotalPageCount 页, 总共:@Model.TotalItemCount 条记录</h4></div> <div>@Html.Partial("_DefaultTable", Model)</div> <div class="text-center">@Html.Pager(Model, new PagerOptions { PageIndexParameterName = "id", ContainerTagName = "ul", CssClass = "pagination", CurrentPagerItemTemplate = "<li class=\"active\"><a href=\"#\">{0}</a></li>", DisabledPagerItemTemplate = "<li class=\"disabled\"><a>{0}</a></li>", PagerItemTemplate = "<li>{0}</li>", Id = "bootstrappager" })</div> ``` 对应的table页 ``` @model Webdiyer.WebControls.Mvc.PagedList<Model.ViewModels.RIPDefaultViewModel> <table class="table table-bordered table-hover table-striped table-responsive" id="RIP-Table"> <tr> <th> <input role="checkbox" type="checkbox" id="checkbox-fullselect" /> </th> <th class="nowrap"> <p> @Html.DisplayNameFor(model => model.SingleOrDefault().AutoID)</p> </th> <th class="nowrap"> <p> @Html.DisplayNameFor(model => model.SingleOrDefault().Title)</p> </th> <th class="nowrap"> <p> @Html.DisplayNameFor(model => model.SingleOrDefault().Content)</p> </th> <th class="nowrap"> <p> @Html.DisplayNameFor(model => model.SingleOrDefault().UploadPerson)</p> </th> <th class="nowrap"> <p> @Html.DisplayNameFor(model => model.SingleOrDefault().UploadTime)</p> </th> <th class="nowrap"> <p> @Html.DisplayNameFor(model => model.SingleOrDefault().FileName)</p> </th> <th class="nowrap"> <p> @Html.DisplayNameFor(model => model.SingleOrDefault().FileSize)</p> </th> </tr> @foreach (var item in Model) { <tr id="@Html.DisplayFor(modelitem=>item.AutoID)"> <td> <input role="checkbox" type="checkbox" id="box-@Html.DisplayFor(modelitem=>item.AutoID)" /> </td> <td class="nowrap"> <p> @Html.DisplayFor(modelitem => item.AutoID)</p> </td> <td class="nowrap"> <p> @Html.DisplayFor(modelitem => item.Title)</p> </td> <td class="nowrap"> <p> @Html.DisplayFor(modelitem => item.Content)</p> </td> <td class="nowrap"> <p> @Html.DisplayFor(modelitem => item.UploadPerson)</p> </td> <td class="nowrap"> <p> @Html.DisplayFor(modelitem => item.UploadTime)</p> </td> <td class="nowrap"> <p> @Html.DisplayFor(modelitem => item.FileName)</p> </td> <td class="nowrap"> <p> @Html.DisplayFor(modelitem => item.FileSize)</p> </td> </tr> } </table> ``` 后台 ``` public ActionResult Index(int id=1) { return View(); } //1.动态页管理 public ActionResult RIPDynamic(int id=1) { List<Model.UDynamic> dylist = BLL.LUDynamic.GetRecordList(); List<Model.UDynamicFile> dyfilelist = BLL.LUDynamicFile.GetRecordList(); //linq方法 var listmodel = (from dy in dylist join dyf in dyfilelist on dy.DynamicFileID equals dyf.AutoID into result from item in result.DefaultIfEmpty() select new RIPDefaultViewModel { AutoID = dy.AutoID, Title = dy.Title, Content = dy.Content, UploadPerson = dy.UploadPersonName, UploadTime = dy.UploadTime, FileName = item.FilesName, FileSize = item.FilesSize }).OrderByDescending(s=>s.AutoID).ToPagedList(id,5); if (Request.IsAjaxRequest()) return PartialView("_AjaxSearchPost", listmodel); return View(listmodel); } [HttpPost] public ActionResult RIPDynamic(string title,string author,string source,int id=1) { return RIPDynamicResult(title,author,source,id); } private ActionResult RIPDynamicResult(string title, string author, string source, int id = 1) { List<Model.UDynamic> dylist = BLL.LUDynamic.GetRecordList(); List<Model.UDynamicFile> dyfilelist = BLL.LUDynamicFile.GetRecordList(); //linq方法 var listmodel = (from dy in dylist join dyf in dyfilelist on dy.DynamicFileID equals dyf.AutoID into result from item in result.DefaultIfEmpty() select new RIPDefaultViewModel { AutoID = dy.AutoID, Title = dy.Title, Content = dy.Content, UploadPerson = dy.UploadPersonName, UploadTime = dy.UploadTime, FileName = item.FilesName, FileSize = item.FilesSize }).AsQueryable(); if (!string.IsNullOrWhiteSpace(title)) listmodel = listmodel.Where(s => s.Title.Contains(title)); if (!string.IsNullOrWhiteSpace(author)) listmodel = listmodel.Where(s => s.UploadPerson.Contains(author)); if (!string.IsNullOrWhiteSpace(source)) listmodel = listmodel.Where(s => s.FileName.Contains(source)); var querymodel = listmodel.OrderByDescending(s => s.AutoID).ToPagedList(id, 5); if(Request.IsAjaxRequest()) return PartialView("_AjaxSearchPost", querymodel); return View(querymodel); } ``` 因为初学,有很多写的不对的地方,但为什么点击查询后,iframe嵌套的页面的自己写的js都失效了呢 因为暂时没有c币了,还请见谅,能有效解决的话会补回来
使用webupload,IE9频繁出现崩溃
做了个javaWeb项目,上传图片用的是webupload,但是用IE9,页面频繁崩溃! ```/* webuploader END */ var $wrap = $('#uploader'), flashVersion = (function () { var version; try { version = navigator.plugins['Shockwave Flash']; version = version.description; } catch (ex) { try { version = new ActiveXObject('ShockwaveFlash.ShockwaveFlash') .GetVariable('$version'); } catch (ex2) { version = '0.0'; } } version = version.match(/\d+/g); return parseFloat(version[0] + '.' + version[1], 10); })(); if (!WebUploader.Uploader.support('flash') && WebUploader.browser.ie < 10) { // flash 安装了但是版本过低。 if (!flashVersion || (flashVersion < 11.5)) { //layer.alert("您当前浏览器flash插件版本较低,可能无法使用系统中功能,<a href='https://www.flash.cn/cdm/latest/flashplayerax_install_cn.exe'>点击升級</a>"); layer.confirm('您当前浏览器沒有flash,可能无法使用系统中功能,前往升级?', { btn : [ '确定', '取消' ]//按钮 }, function(index) { layer.close(index); //此处请求后台程序,下方是成功后的前台处理…… // var index = layer.load(0,{shade: [0.7, '#393D49']}, {shadeClose: true}); //0代表加载的风格,支持0-2 //window.location.href="www.hao123.com"; window.open('https://www.flash.cn/cdm/latest/flashplayerax_install_cn.exe'); }); // 压根就没有安转。 } else { //layer.alert("您当前浏览器沒有flash,可能无法使用系统中功能,<a href='https://www.flash.cn/cdm/latest/flashplayerax_install_cn.exe'>点击安裝</a>"); layer.confirm('您当前浏览器沒有flash,可能无法使用系统中功能,前往安装?', { btn : [ '确定', '取消' ]//按钮 }, function(index) { layer.close(index); //此处请求后台程序,下方是成功后的前台处理…… // var index = layer.load(0,{shade: [0.7, '#393D49']}, {shadeClose: true}); //0代表加载的风格,支持0-2 //window.location.href="www.hao123.com"; window.open('https://www.flash.cn/cdm/latest/flashplayerax_install_cn.exe'); }); } // return; } else if (!WebUploader.Uploader.support()) { layer.msg('Web Uploader 不支持您的浏览器!',{icon:6}); //return; } //var flag =true; var uploader = WebUploader.create({ auto: true, // swf文件路径 swf: '<%=basePath %>/static/webupload/Uploader.swf', // 文件接收服务端。 server:'<%=basePath %>/main/webuploader', // 选择文件的按钮。可选。 // 内部根据当前运行是创建,可能是input元素,也可能是flash. pick: '#picker', fileVal:'file', // 不压缩image, 默认如果是jpeg,文件上传前会压缩一把再上传! resize: false, formData: { folderId: "<%=requestBean.getFolderId()%>" }, accept: { title: 'Files', extensions: 'gif,jpg,jpeg,bmp,png,pdf,doc,docx,txt,xls,xlsx,ppt,pptx,zip,mp3,mp4,text,csv', mimeTypes: 'image/*,text/*' //word +',application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document' //excel +',application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' //ppt +',application/vnd.ms-powerpoint,application/vnd.openxmlformats-officedocument.presentationml.presentation' +',application/pdf' +',application/zip' +',application/csv' +',.csv' }, duplicate :true, //chunked: true, //分片处理 //chunkSize: 5 * 1024 * 1024, //每片5M chunkRetry:false,//如果失败,则不重试 //duplicate:false,//是否可重复选择同一文件 //fileSingleSizeLimit: 10*1024*1024,//限制大小10M,单文件 //fileSizeLimit: allMaxSize*1024*1024,//限制大小10M,所有被选文件,超出选择不上 fileNumLimit:20 }); // 当有文件被添加进队列的时候 uploader.on( 'fileQueued', function( file ) { var $list = $("#webuploaderList"); $list.append( '<div id="' + file.id + '" class="item">' + '<h4 class="info">' + file.name + '</h4>' + '<p class="state">等待上传...</p>' + '</div>' ); }); // 文件上传过程中创建进度条实时显示。 uploader.on( 'uploadProgress', function( file, percentage ) { $("#uploadfileQueue").css("display","block"); var $li = $( '#'+file.id ), $percent = $li.find('.progress .progress-bar'); // 避免重复创建 if ( !$percent.length ) { $percent = $('<div class="progress progress-striped active" style="width:300px; height:10px; border:2px solid #09F;">' + '<div class="progress-bar" role="progressbar" style="width: 0%;height:100%; background-color:#09F; text-align:center; line-height:10px; font-size:10px;">' + '</div>' + '</div>').appendTo( $li ).find('.progress-bar'); } $li.find('p.state').text('上传中...'); $percent.html( Math.round(percentage * 100) +"%" ); $percent.css( 'width', percentage * 100 + '%' ); }); uploader.on('uploadSuccess', function (file,response) { if(response.ISOK=='N'){ layer.msg(response.message); $('#' + file.id).find('p.state').text('上传出错:'+response.message); } else{ $('#' + file.id).find('p.state').text('已上传'); if(response.newFid){ newFid = response.newFid; } } }); uploader.on('uploadError', function (file) { //layer.msg('上传出错!'+handler); $('#' + file.id).find('p.state').text('上传出错!'); }); // 完成上传完了,成功或者失败,先删除进度条。 uploader.on( 'uploadComplete', function(file ) { $( '#'+file.id ).find('.progress').remove(); }); //所有文件上传完成 uploader.on('uploadFinished',function(file){ var changeList; $.ajax( { url: '<%=basePath %>/userSession/changeListBySwfUpload', dataType: "json", async:false, cache:false, success: function(data, textStatus, jqXHR) { changeList=data; }, error: function(jqXHR, textStatus, errorThrown) { //console.log(errorThrown); } }); if(changeList == undefined){ return false; } var v_div=$("<div style='width:600px'>"); var v_table=$("<table id='fileuploadsinfo'>").css("width","500px").appendTo(v_div); var v_hred_tr=$("<tr>").css("width","500px").css("height","40px"); $("<th>").text("文件名").css("width","200px").css("height","40px").appendTo(v_hred_tr); $("<th>").text("备注").css("width","300px").css("height","40px").appendTo(v_hred_tr); v_hred_tr.appendTo(v_table); $.each(changeList,function(idx,v_sel){ var v_body_tr=$("<tr>").css("width","500px").css("height","40px").attr("cFid",v_sel.cFId); $("<td>").text(v_sel.file).css("width","200px").css("height","40px").appendTo(v_body_tr); var v_rmk=$("<input type='text' class='remark'>").css("width",'90%').css("height","99%"); $("<td>").css("width","300px").css("height","40px").appendTo(v_body_tr).append(v_rmk); v_body_tr.appendTo(v_table); /* var v_div=$("<div ><span style='display: none' ><input type='text' name='cFId' value='"++"'/></span><span style='width: 100px' ><input type='text' name='cFReName' readonly='readonly' value='"+v_sel.file+"'/></span><span style='width: 400px' ><input type='text' name='cFNote'/></span></div>"); v_div.appendTo(v_form); */ //changeList.splice(idx,1); //return true; }); layer.open({ type: 1, title:"", area: ["500px", "300px"], content:v_div.html(), closeBtn:1, btnAlign: 'c', scrollbar:true, btn:['确定','取消'], yes: function(index, layero){ var jsonArray=[]; var v_flag=false; $("#fileuploadsinfo").find('tr').not(':eq(0)').each(function(idx,itr){ var v_cFid=$(itr).attr("cFid"); var v_remark=$(itr).find('.remark').val(); if($.trim(v_remark).length<=20){ jsonArray.push({"fileInfo":v_cFid+'_'+v_remark}); }else{ layer.msg("备注输入有误,请输入20位以内的备注信息"); v_flag=true; return false; } }); //var str= JSON.stringify(jsonArray) if(v_flag){ return false; } $.ajax({ url: '<%=basePath %>/main/saveNote', type: 'post', dataType: 'json', data:{datas:jsonArray}, async:false, success: function (data) { uploader.reset(); //alert(33); uploader.destory(); if(data.flag=="Y"){ layer.closeAll(); layer.msg("上传成功",{icon:6},function(){ if(newFid){//如果新增了文件夹则刷新父级窗口 parent.location.reload(); }else{ window.location.reload(); } }); } }, error: function(XMLHttpRequest, textStatus, errorThrown) { } }); } , btn2: function(index, layero){ if(newFid){//如果新增了文件夹则刷新父级窗口 parent.location.reload(); }else{ window.location.reload(); } } }); }); /* webuploader END */ ``` 崩溃错误描述如下 : 问题签名: 问题事件名称: APPCRASH 应用程序名: iexplore.exe 应用程序版本: 9.0.8112.16421 应用程序时间戳: 4d76255d 故障模块名称: Flash32_32_0_0_207.ocx 故障模块版本: 32.0.0.207 故障模块时间戳: 5ceb04d1 异常代码: c0000005 异常偏移: 002d7e64 OS 版本: 6.1.7601.2.1.0 .256.48 区域设置 ID: 2052 其他信息 1: 2826 其他信息 2: 2826ae5788d1601e09d13cfdc228c271 其他信息 3: a6c4 其他信息 4: a6c4ac129c9c2b4af725e35cc1a77c20 联机阅读隐私声明: http://go.microsoft.com/fwlink/?linkid=104288&clcid=0x0804 如果无法获取联机隐私声明,请脱机阅读我们的隐私声明: C:\Windows\system32\zh-CN\erofflps.txt
读取文件夹中的所有图片文件
我第一次读取的时候没有问题。在删除图片后再读取图片会读取错误,以下是我的代码各位帮忙看一下。 后台代码 ``` using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.IO; using System.Data; public partial class admin_netshopper_DHweihu_makepage_addhuandeng : System.Web.UI.UserControl { public string SlideFolderPath = myConfig.webimgshijiurl + "/kuaigou/huandeng/"; protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { if (!System.IO.Directory.Exists(SlideFolderPath)) { System.IO.Directory.CreateDirectory(SlideFolderPath); } bind(); } } public void bind() { string Images = ""; string[] Dir = System.IO.Directory.GetFiles(SlideFolderPath); foreach (string file in Dir) { System.IO.FileInfo FI = new System.IO.FileInfo(file); if (FI.Extension == ".jpg") { string name = FI.Name.Substring(0, FI.Name.Length - 4);// 获取文件名 string URL = myConfig.webimgurl + "/kuaigou/huandeng/" + FI.Name;// 组装图片路径 Images += URL + "," + name + ","; } } DataTable table = new DataTable();// 创建一个表 table.Columns.Add("URL");// 创建字段 table.Columns.Add("id"); string str = Images; if (str.Length > 0) { str = str.Substring(0, str.Length - 1); } string[] ss = str.Split(','); DataRow row = table.NewRow(); for (int i = 0; i < ss.Length; i++)// 为表插入数据 { if (i % 2 == 0) row = table.NewRow(); row[i % 2] = ss[i]; if ((i + 1) % 2 == 0) table.Rows.Add(row); } LblNumber.Text = table.Rows.Count.ToString(); if (table.Rows.Count > 0) { GV.DataSource = table; GV.DataBind(); divNumber.Style.Add("display", "block"); } else { GV.DataSource = null; GV.DataBind(); divNumber.Style.Add("display", "none"); } if (GV.Rows.Count == 1) { Button BtnDelete = (Button)GV.Rows[0].Cells[1].FindControl("BtnDelete"); BtnDelete.Enabled = false; } } protected void BtnDtal_Click(object sender, EventArgs e) { int Number = 0; string[] Dir = System.IO.Directory.GetFiles(SlideFolderPath); foreach (string file in Dir) { System.IO.FileInfo FI = new System.IO.FileInfo(file); if (FI.Extension == ".jpg")// 统计一共有多少个后缀为*.jpg的图片文件 { Number++; } } if (FUDtal.PostedFile.FileName == "") { Page.ClientScript.RegisterStartupScript(GetType(), "rsnn14", "<script>alert('请选择图片');</script>"); return; } if (Number == 0) { Number = 1; } else if (Number > 0) { Number = Number + 1; } string name = FUDtal.PostedFile.FileName;//获取文件名称 int index = name.LastIndexOf("."); string lastName = name.Substring(index, name.Length - index);//文件后缀 string Newname = Number.ToString() + lastName;//文件名 // || lastName == ".bmp" || lastName == ".gif" || lastName == ".png" if (lastName == ".jpg") { System.Drawing.Image image = System.Drawing.Image.FromStream(FUDtal.PostedFile.InputStream); int height = image.Height; int width = image.Width; if (height == 481 && width == 1920) { string path = SlideFolderPath + Newname; FUDtal.PostedFile.SaveAs(path);//保存到服务器上 Page.ClientScript.RegisterStartupScript(GetType(), "rsnn2", "<script>alert('图片上传成功');</script>"); bind(); } else { Page.ClientScript.RegisterStartupScript(GetType(), "rsnn12", "<script>alert('图片尺寸错误');</script>"); return; } } else { Page.ClientScript.RegisterStartupScript(GetType(), "rsnn17", "<script>alert('图片后缀错误!');</script>"); return; } } protected void BtnDelete_Click(object sender, EventArgs e) { int row = ((GridViewRow)((Button)sender).NamingContainer).RowIndex; HiddenField HFid = (HiddenField)GV.Rows[row].Cells[0].FindControl("HFid"); string Route = SlideFolderPath + HFid.Value + ".jpg"; FileInfo file = new FileInfo(Route);//指定文件路径 if (file.Exists)//判断文件是否存在 { file.Attributes = FileAttributes.Normal;//将文件属性设置为普通,比方说只读文件设置为普通 file.Delete();//删除文件 if (file.Exists == false) { Page.ClientScript.RegisterStartupScript(GetType(), "rsnn3", "<script>alert('图片删除成功');</script>"); bindReset(); bind(); } else { Page.ClientScript.RegisterStartupScript(GetType(), "rsnn16", "<script>alert('图片删除失败');</script>"); return; } } } public void bindReset()// 重新命名图片 { string Images = ""; string[] Dir = System.IO.Directory.GetFiles(SlideFolderPath); foreach (string file in Dir) { System.IO.FileInfo FI = new System.IO.FileInfo(file); if (FI.Extension == ".jpg") { string name = FI.Name.Substring(0, FI.Name.Length - 4);// 获取文件名 Images += name + ","; } } DataTable table = new DataTable();// 创建一个表 table.Columns.Add("id");// 创建字段 string str = Images; if (str.Length > 0) { str = str.Substring(0, str.Length - 1); } string[] ss = str.Split(','); DataRow row = table.NewRow(); for (int i = 0; i < ss.Length; i++)// 为表插入数据 { if (i % 1 == 0) row = table.NewRow(); row[i % 1] = ss[i]; if ((i + 1) % 1 == 0) table.Rows.Add(row); } for (int i = 0; i < table.Rows.Count; i++) { string id = table.Rows[i]["id"].ToString(); string srcFileName = SlideFolderPath + id + ".jpg"; string destFileName = SlideFolderPath + (i + 1) + ".jpg"; if (System.IO.File.Exists(srcFileName)) { System.IO.File.Move(srcFileName, destFileName);// 重新命名图片 } } } } ``` 前台代码 ``` <%@ Control Language="C#" AutoEventWireup="true" CodeFile="addhuandeng.ascx.cs" Inherits="admin_netshopper_DHweihu_makepage_addhuandeng" %> <div style="width: 1024px; -moz-box-shadow: 0px 0px 10px #BFBFBF; -webkit-box-shadow: 0px 0px 10px #BFBFBF; box-shadow: 0px 0px 10px #BFBFBF; padding: 20px 5px; margin: 50px auto"> <div style="width: 98%; margin-left: auto; margin-right: auto;"> <asp:FileUpload ID="FUDtal" runat="server" /> <asp:Button ID="BtnDtal" runat="server" Text="上传" Height="30px" OnClick="BtnDtal_Click" /> 后缀: *.jpg(注:图片格式为宽:1920px、高:481px) </div> <div style="width: 98%; margin: 20px auto 0px auto;"> <div id="divNumber" runat="server" style="width: 100%; text-align: left; display: block; margin-bottom: 5px;"> 当前共有<asp:Label ID="LblNumber" runat="server"></asp:Label>张图片 </div> <asp:GridView ID="GV" runat="server" Width="100%" CellPadding="4" ForeColor="#333333" GridLines="None" AutoGenerateColumns="False"> <Columns> <asp:TemplateField HeaderText="图片"> <ItemTemplate> <asp:Image ID="Images" runat="server" Width="900px" ImageUrl='<%# Eval("URL") %>' /> <asp:HiddenField ID="HFid" runat="server" Value='<%# Eval("id") %>' /> </ItemTemplate> <HeaderStyle HorizontalAlign="Center" /> <ItemStyle HorizontalAlign="Center" /> </asp:TemplateField> <asp:TemplateField HeaderText="操作"> <ItemTemplate> <asp:Button ID="BtnDelete" runat="server" Text="删除" Width="40px" Height="30px" OnClick="BtnDelete_Click" /> </ItemTemplate> <HeaderStyle HorizontalAlign="Center" /> <ItemStyle HorizontalAlign="Center" /> </asp:TemplateField> </Columns> <AlternatingRowStyle BackColor="White" /> <EditRowStyle BackColor="#2461BF" /> <FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" /> <HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" /> <PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" /> <RowStyle BackColor="#EFF3FB" /> <SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" /> <SortedAscendingCellStyle BackColor="#F5F7FB" /> <SortedAscendingHeaderStyle BackColor="#6D95E1" /> <SortedDescendingCellStyle BackColor="#E9EBEF" /> <SortedDescendingHeaderStyle BackColor="#4870BE" /> </asp:GridView> </div> </div> ```
ssh+Highcharts如何动态显示,多条折线图?
转换后的JSON字符串:{"x":1393555496625,"y":[{"data":[4.5],"name":"上传流量"},{"data":[3.9],"name":"下载流量"}]} jsp页面中: Highcharts.setOptions({ global: { useUTC: false } }); chartCPU = new Highcharts.Chart({ chart: { renderTo: 'container', //图表放置的容器,DIV defaultSeriesType: 'spline', //图表类型为曲线图 /* events: { load: function() { var series = this.series[0]; //每秒钟,图表更新一次,y数据值在0-100之间的随机数 setInterval(function() { var x = (new Date()).getTime(); // 当前时间 //y = Math.random()*100; //y = this.y; //alert(point.y); //series.addPoint([x, y], true, true); series.addPoint([x], true); }, 1000); } } */ marginRight: 10 }, colors: [ '#ff0000' ], title: { text: '实时流量走势图' //图表标题 }, xAxis: { //设置X轴 title: { text: '时间' }, type: 'datetime', //X轴为日期时间类型 tickPixelInterval: 150 //X轴标签间隔 }, yAxis: { //设置Y轴 //title: '使用率', title: { text: '流量值' }, plotLines: [{ value: 0, width: 1, color: '#808080' }], //max: 100, //Y轴最大值 min: 0 //Y轴最小值 }, tooltip: {//当鼠标悬置数据点时的提示框 formatter: function() { //格式化提示信息 return '流量瞬时值'+ '<br/>'+ Highcharts.dateFormat('%H:%M:%S', this.x) +'<br/>'+ Highcharts.numberFormat(this.y, 2)+'%'; } }, legend: { enabled: false //设置图例不可见 }, exporting: { enabled: false //设置导出按钮不可用 }, series: [{ data: (function() { //设置默认数据, var data = [], time = (new Date()).getTime(), i; for (i = -19; i <= 0; i++) { data.push({ x: time + i * 1000, y: 0 }); } return data; })() }] }); setInterval(getflux, 1000); }); function getflux(){ $.post(sy.contextPath + '/fluxcount/currentflux!current.sy', function(data) { //这里的x(时间) 格式要是毫秒式13位 var result = {"x":data.x,"y":data.y}; var series = chartCPU.series[0]; var x = result.x; // current time var y = result.y; series.addPoint([x, y], true, true); parent.$.messager.progress('close'); }, 'json'); }
Request.Form 集合之后,不能调用 BinaryRead。
网站程序以前都是对的,突然爆这个错误了。环境是2003 IIS6.0 uplaod.asp代码如下 <html> <head> <title>图片上传</title> <% '设置需要的参数 dim pw,ph,pinput,pdiv,mybg,fpath,tpath pw = request("pw") ph = request("ph") pinput = request("pinput") pdiv = request("pdiv") mybg = request("mybg") fpath = request("fpath") tpath = request("tpath") if tpath = "" then tpath = fpath end if %> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <style type="text/css"> <!-- body { background-color:#<%=mybg%>; margin:0; padding:0; } .fno{ margin:0; padding:0; } .updiv{ overflow:hidden; width:317px; height:30px; margin:0; padding:0; margin-top:2px; } .sub{ height:22px; font-size:12px; cursor:pointer; } --> </style></head> <body> <div class="updiv"> <form class="fno" name="myform" method="post" action="do_upLoad.asp?pw=<%=pw%>&ph=<%=ph%>&pinput=<%=pinput%>&pdiv=<%=pdiv%>&mybg=<%=mybg%>&fpath=<%=fpath%>&tpath=<%=tpath%>" enctype="multipart/form-data" ><input type="file" name="file1" value="">&nbsp;<input type="submit" name="Submit" class="sub" value=" 上 传 "> </form> </div> </body> </html> do_upLoad.asp代码如下: <!--#include file="upload_5xsoft.inc"--> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <% '将当前的日期和时间转为文件名 dim pw,ph,pinput,pdiv,mybg,fpath,tpath pw = request("pw") ph = request("ph") pinput = request("pinput") pdiv = request("pdiv") mybg = request("mybg") fpath = request("fpath") tpath = request("tpath") 'response.Write(pw&"|"&ph&"|"&pinput&"|"&pdiv&"|"&mybg&"|"&fpath&"|"&tpath) 'response.End()%> <style type="text/css"> <!-- body { background-color:#<%=mybg%>; margin-left: 0px; margin-top: 0px; font-size:12px; line-height:28px; } body a{ color:#FF0000; } --> </style></head> <body> <% function makefilename() dim fname fname = now() fname = trim(fname) fname = replace(fname,"-","") fname = replace(fname,"/","") fname = replace(fname," ","") fname = replace(fname,":","") fname = replace(fname,"PM","") fname = replace(fname,"AM","") fname = replace(fname,"上午","") fname = replace(fname,"下午","") makefilename=fname end function dim upload,file,formName,formPath,mc dim i,l,fileType,newfilename,filenamelist '创建新文件名称 newfilename = makefilename() '建立上传对象 set upload=new upload_5xsoft '上传文件目录 set myfso = Server.CreateObject("Scripting.FileSystemObject") if not myfso.folderexists(Server.MapPath(tpath)) then myfso.createfolder(Server.MapPath(tpath)) end if formPath = Server.mappath(tpath)&"/" '列出所有上传了的文件 for each formName in upload.objFile '生成一个文件对象 set file=upload.file(formName) mc= upload.form("mc") '如果 FileSize > 0 说明有文件数据 if file.FileSize>0 then '取得文件扩展名 fileType = file.FileName '文件名以及扩展名 i = instr(fileType,".") '是否存在“.” l = Len(fileType) if i>0 then fileType = Right(fileType,l-i+1) '得到扩展名 end if newfilename = newfilename & fileType filenamelist = formPath & newfilename '新文件绝对地址和名称 file.SaveAs filenamelist ''保存文件 end if set file=nothing If ChkImg(tpath&"/"&newfilename) Then response.write "<script>parent.document.getElementById('"&pinput&"').value='"&tpath&"/"&newfilename&"';parent.document.getElementById('"&pdiv&"').innerHTML='<img src="""&fpath&"/"&newfilename&""" height="""&ph&""" width="""&pw&""" />';</script>" response.Write("文件上传成功,你可以<a href='upLoad.asp?pw="&pw&"&ph="&ph&"&pinput="&pinput&"&pdiv="&pdiv&"&mybg="&mybg&"&fpath="&fpath&"&tpath="&tpath&"'>重新上传</a>") response.End() Else if myfso.fileexists(Server.MapPath(tpath&"/"&newfilename)) then myfso.deletefile(Server.MapPath(tpath&"/"&newfilename)) end if response.Write("此文件可能含有病毒,请<a href='upLoad.asp?pw="&pw&"&ph="&ph&"&pinput="&pinput&"&pdiv="&pdiv&"&mybg="&mybg&"&fpath="&fpath&"&tpath="&tpath&"'>重新上传</a>") response.End() End If next set myfso=nothing set upload=nothing ''删除此对象 Function ChkImg(img) On Error Resume Next '为了捕获错误信息,需要让代码在出错时能继续执行 Dim RetunValue, ChkJpeg RetunValue = True '如果路径为空,则认为图片不合法 If isnull(img) Then ChkImg = False:Exit Function Set ChkJpeg = Server.CreateObject("Persits.Jpeg") If -2147221005 <> Err Then '如果组件被支持,则用组件检查图片的合法性 ChkJpeg.Open Server.mappath(img) If Err Then RetunValue = False End If Else '如果组件不被支持,则跳过直接返回True RetunValue = True End If '必要的善后工作 If Err.number <> 0 Then Err.clear Set ChkJpeg = Nothing ChkImg = RetunValue End Function %> </body> </html> upload_5xsoft.inc 代码如下: <SCRIPT RUNAT=SERVER LANGUAGE=VBSCRIPT> dim Data_5xsoft Class upload_5xsoft dim objForm,objFile,Version Public function Form(strForm) strForm=lcase(strForm) if not objForm.exists(strForm) then Form="" else Form=objForm(strForm) end if end function Public function File(strFile) strFile=lcase(strFile) if not objFile.exists(strFile) then set File=new FileInfo else set File=objFile(strFile) end if end function Private Sub Class_Initialize dim RequestData,sStart,vbCrlf,sInfo,iInfoStart,iInfoEnd,tStream,iStart,theFile dim iFileSize,sFilePath,sFileType,sFormValue,sFileName dim iFindStart,iFindEnd dim iFormStart,iFormEnd,sFormName Version="化境HTTP上传程序 Version 2.1" set objForm=Server.CreateObject("Scripting.Dictionary") set objFile=Server.CreateObject("Scripting.Dictionary") if Request.TotalBytes<1 then Exit Sub set tStream = Server.CreateObject("adodb.stream") set Data_5xsoft = Server.CreateObject("adodb.stream") Data_5xsoft.Type = 1 Data_5xsoft.Mode =3 Data_5xsoft.Open Data_5xsoft.Write Request.BinaryRead(Request.TotalBytes) Data_5xsoft.Position=0 RequestData =Data_5xsoft.Read iFormStart = 1 iFormEnd = LenB(RequestData) vbCrlf = chrB(13) & chrB(10) sStart = MidB(RequestData,1, InStrB(iFormStart,RequestData,vbCrlf)-1) iStart = LenB (sStart) iFormStart=iFormStart+iStart+1 while (iFormStart + 10) < iFormEnd iInfoEnd = InStrB(iFormStart,RequestData,vbCrlf & vbCrlf)+3 tStream.Type = 1 tStream.Mode =3 tStream.Open Data_5xsoft.Position = iFormStart Data_5xsoft.CopyTo tStream,iInfoEnd-iFormStart tStream.Position = 0 tStream.Type = 2 tStream.Charset ="gb2312" sInfo = tStream.ReadText tStream.Close '取得表单项目名称 iFormStart = InStrB(iInfoEnd,RequestData,sStart) iFindStart = InStr(22,sInfo,"name=""",1)+6 iFindEnd = InStr(iFindStart,sInfo,"""",1) sFormName = lcase(Mid (sinfo,iFindStart,iFindEnd-iFindStart)) '如果是文件 if InStr (45,sInfo,"filename=""",1) > 0 then set theFile=new FileInfo '取得文件名 iFindStart = InStr(iFindEnd,sInfo,"filename=""",1)+10 iFindEnd = InStr(iFindStart,sInfo,"""",1) sFileName = Mid (sinfo,iFindStart,iFindEnd-iFindStart) theFile.FileName=getFileName(sFileName) theFile.FilePath=getFilePath(sFileName) theFile.FileExt=GetFileExt(sFileName) '取得文件类型 iFindStart = InStr(iFindEnd,sInfo,"Content-Type: ",1)+14 iFindEnd = InStr(iFindStart,sInfo,vbCr) theFile.FileType =Mid (sinfo,iFindStart,iFindEnd-iFindStart) theFile.FileStart =iInfoEnd theFile.FileSize = iFormStart -iInfoEnd -3 theFile.FormName=sFormName if not objFile.Exists(sFormName) then objFile.add sFormName,theFile end if else '如果是表单项目 tStream.Type =1 tStream.Mode =3 tStream.Open Data_5xsoft.Position = iInfoEnd Data_5xsoft.CopyTo tStream,iFormStart-iInfoEnd-3 tStream.Position = 0 tStream.Type = 2 tStream.Charset ="gb2312" sFormValue = tStream.ReadText tStream.Close if objForm.Exists(sFormName) then objForm(sFormName)=objForm(sFormName)&", "&sFormValue else objForm.Add sFormName,sFormValue end if end if iFormStart=iFormStart+iStart+1 wend RequestData="" set tStream =nothing End Sub Private Sub Class_Terminate if Request.TotalBytes>0 then objForm.RemoveAll objFile.RemoveAll set objForm=nothing set objFile=nothing Data_5xsoft.Close set Data_5xsoft =nothing end if End Sub Private function GetFilePath(FullPath) If FullPath <> "" Then GetFilePath = left(FullPath,InStrRev(FullPath, "\")) Else GetFilePath = "" End If End function Private function GetFileExt(FullPath) If FullPath <> "" Then GetFileExt = mid(FullPath,InStrRev(FullPath, ".")+1) Else GetFileExt = "" End If End function Private function GetFileName(FullPath) If FullPath <> "" Then GetFileName = mid(FullPath,InStrRev(FullPath, "\")+1) Else GetFileName = "" End If End function End Class Class FileInfo dim FormName,FileName,FilePath,FileSize,FileExt,FileType,FileStart Private Sub Class_Initialize FileName = "" FilePath = "" FileSize = 0 FileStart= 0 FormName = "" FileType = "" FileExt = "" End Sub Public function SaveAs(FullPath) dim dr,ErrorChar,i SaveAs=true if trim(fullpath)="" or FileStart=0 or FileName="" or right(fullpath,1)="/" then exit function set dr=CreateObject("Adodb.Stream") dr.Mode=3 dr.Type=1 dr.Open Data_5xsoft.position=FileStart Data_5xsoft.copyto dr,FileSize dr.SaveToFile FullPath,2 dr.Close set dr=nothing SaveAs=false end function End Class </SCRIPT> 检查了很久实在找不出原因来,求大神指点
vue工程中$emit()无法调用
子组件代码 ``` <template> <div> <!--查询表单--> <el-form :model="params"> 标签: <el-input v-model="params.tag" style="width:160px"></el-input> 原始名称: <el-input v-model="params.fileName" style="width:160px"></el-input> 处理状态: <el-select v-model="params.processStatus" placeholder="请选择处理状态"> <el-option v-for="item in processStatusList" :key="item.id" :label="item.name" :value="item.id"> </el-option> </el-select> <br/> <el-button type="primary" v-on:click="query" size="small">查询</el-button> <router-link class="mui-tab-item" :to="{path:'/upload'}"> <el-button type="primary" size="small" v-if="ischoose != true">上传文件</el-button> </router-link> </el-form> <!--列表--> <el-table :data="list" highlight-current-row v-loading="listLoading" style="width: 100%;"> <el-table-column type="index" width="30"> </el-table-column> <el-table-column prop="fileOriginalName" label="原始文件名称" width="220"> </el-table-column> <el-table-column prop="fileName" label="文件名称" width="220"> </el-table-column> <el-table-column prop="fileUrl" label="访问url" width="260"> </el-table-column> <el-table-column prop="tag" label="标签" width="100"> </el-table-column> <el-table-column prop="fileSize" label="文件大小" width="120"> </el-table-column> <el-table-column prop="processStatus" label="处理状态" width="100" :formatter="formatProcessStatus"> </el-table-column> <el-table-column prop="uploadTime" label="创建时间" width="110" :formatter="formatCreatetime"> </el-table-column> <el-table-column label="开始处理" width="100" v-if="ischoose == true"> <template slot-scope="scope"> <el-button size="small" type="primary" plain @click="process(scope.row.fileId)">开始处理 </el-button> </template> </el-table-column> <el-table-column label="选择" width="80" v-if="ischoose != true"> <template slot-scope="scope"> <el-button size="small" type="primary" plain @click="choose(scope.row)">选择</el-button> </template> </el-table-column> </el-table> <!--分页--> <el-col :span="24" class="toolbar"> <el-pagination background layout="prev, pager, next" @current-change="changePage" :page-size="this.params.size" :total="total" :current-page="this.params.page" style="float:right;"> </el-pagination> </el-col> </div> </template> <script> import * as mediaApi from '../api/media' import utilApi from '@/common/utils'; import * as courseApi from '../api/course' export default{ props: ['ischoose'], data(){ return { params:{ page:1,//页码 size:10,//每页显示个数 tag:'',//标签 fileName:'',//文件名称 processStatus:''//处理状态 }, listLoading:false, list:[], total:0, processStatusList:[] } }, methods:{ formatCreatetime(row, column){ var createTime = new Date(row.uploadTime); if (createTime) { return utilApi.formatDate(createTime, 'yyyy-MM-dd hh:mm:ss'); } }, formatProcessStatus(row,column){ var processStatus = row.processStatus; if (processStatus) { if(processStatus == '303001'){ return "处理中"; }else if(processStatus == '303002'){ return "处理成功"; }else if(processStatus == '303003'){ return "处理失败"; }else if(processStatus == '303004'){ return "无需处理"; } } }, choose(mediaFile){ if(mediaFile.processStatus !='303002' && mediaFile.processStatus !='303004'){ this.$message.error('该文件未处理,不允许选择'); return ; } if(!mediaFile.fileUrl){ this.$message.error('该文件的访问url为空,不允许选择'); return ; } /*let teachplanMedia ={} teachplanMedia.mediaId =mediaFile.fileId; teachplanMedia.mediaFileOriginalName =mediaFile.fileOriginalName; teachplanMedia.mediaUrl =mediaFile.fileUrl; teachplanMedia.courseId =this.courseid; //课程计划 teachplanMedia.teachplanId=this.teachplanId courseApi.savemedia(teachplanMedia).then(res=>{ if(res.success){ this.$message.success("选择视频成功") //查询课程计划 this.findTeachplan() }else{ this.$message.error(res.message) } })*/ //调用父组件的choosemedia方法 this.$emit('choosemedia',mediaFile.fileId,mediaFile.fileOriginalName,mediaFile.fileUrl); }, changePage(page){ this.params.page = page; this.query() }, process (id) { console.log(id) mediaApi.media_process(id).then((res)=>{ console.log(res) if(res.success){ this.$message.success('开始处理,请稍后查看处理结果'); }else{ this.$message.error('操作失败,请刷新页面重试'); } }) }, query(){ mediaApi.media_list(this.params.page,this.params.size,this.params).then((res)=>{ console.log(res) this.total = res.queryResult.total this.list = res.queryResult.list }) } }, created(){ //默认第一页 this.params.page = Number.parseInt(this.$route.query.page||1); }, mounted() { //默认查询页面 this.query() //初始化处理状态 this.processStatusList = [ { id:'', name:'全部' }, { id:'303001', name:'处理中' }, { id:'303002', name:'处理成功' }, { id:'303003', name:'处理失败' }, { id:'303004', name:'无需处理' } ] } } </script> <style> </style> ``` 父组件代码 ``` <template> <div> <el-button type="primary" @click="teachplayFormVisible = true">添加课程计划</el-button> <el-tree :data="teachplanList" :props="defaultProps" node-key="id" default-expand-all :expand-on-click-node="false" :render-content="renderContent"> </el-tree> <el-dialog title="添加课程计划" :visible.sync="teachplayFormVisible" > <el-form ref="teachplanForm" :model="teachplanActive" label-width="140px" style="width:600px;" :rules="teachplanRules" > <el-form-item label="上级结点" > <el-select v-model="teachplanActive.parentid" placeholder="不填表示根结点"> <el-option v-for="item in teachplanList" :key="item.id" :label="item.pname" :value="item.id"> </el-option> </el-select> </el-form-item> <el-form-item label="章节/课时名称" prop="pname"> <el-input v-model="teachplanActive.pname" auto-complete="off"></el-input> </el-form-item> <el-form-item label="课程类型" > <el-radio-group v-model="teachplanActive.ptype"> <el-radio class="radio" label='1'>视频</el-radio> <el-radio class="radio" label='2'>文档</el-radio> </el-radio-group> </el-form-item> <el-form-item label="学习时长(分钟) 请输入数字" > <el-input type="number" v-model="teachplanActive.timelength" auto-complete="off" ></el-input> </el-form-item> <el-form-item label="排序字段" > <el-input v-model="teachplanActive.orderby" auto-complete="off" ></el-input> </el-form-item> <el-form-item label="章节/课时介绍" prop="description"> <el-input type="textarea" v-model="teachplanActive.description" ></el-input> </el-form-item> <el-form-item label="状态" prop="status"> <el-radio-group v-model="teachplanActive.status" > <el-radio class="radio" label="0" >未发布</el-radio> <el-radio class="radio" label='1'>已发布</el-radio> </el-radio-group> </el-form-item> <el-form-item > <el-button type="primary" v-on:click="addTeachplan">提交</el-button> <el-button type="primary" v-on:click="resetForm">重置</el-button> </el-form-item> </el-form> </el-dialog> <el-dialog title="选择媒资文件" :visible.sync="mediaFormVisible"> <media-list v-bind:ischoose="true" @choosemedia="choosemedia"></media-list> </el-dialog> </div> </template> <script> let id = 1000; import * as courseApi from '../../api/course'; import utilApi from '../../../../common/utils'; import * as systemApi from '../../../../base/api/system'; import mediaList from '@/module/media/page/media_list.vue'; export default { components:{ mediaList }, data() { return { mediaFormVisible:false, teachplayFormVisible:false,//控制添加窗口是否显示 teachplanList : [{ id: 1, pname: '一级 1', children: [{ id: 4, pname: '二级 1-1', children: [{ id: 9, pname: '三级 1-1-1' }, { id: 10, pname: '三级 1-1-2' }] }] }], defaultProps:{ children: 'children', label: 'pname' }, teachplanRules: { pname: [ {required: true, message: '请输入课程计划名称', trigger: 'blur'} ], status: [ {required: true, message: '请选择状态', trigger: 'blur'} ] }, teachplanActive:{}, teachplanId:'' } }, methods: { //选择视频,打开窗口 choosevideo(data){ //得到当前的课程计划 this.teachplanId = data.id // alert(this.teachplanId) this.mediaFormVisible = true;//打开窗口 }, //保存选择的视频 choosemedia(mediaId, fileOriginalName, mediaUrl){ alert(111) //保存视频到课程计划表中 let teachplanMedia ={} teachplanMedia.mediaId =mediaId; teachplanMedia.mediaFileOriginalName =fileOriginalName; teachplanMedia.mediaUrl =mediaUrl; teachplanMedia.courseId =this.courseid; //课程计划 teachplanMedia.teachplanId=this.teachplanId courseApi.savemedia(teachplanMedia).then(res=>{ if(res.success){ this.$message.success("选择视频成功") //查询课程计划 this.findTeachplan() }else{ this.$message.error(res.message) } }) }, //提交课程计划 addTeachplan(){ //校验表单 this.$refs.teachplanForm.validate((valid) => { if (valid) { //调用api方法 //将课程id设置到teachplanActive this.teachplanActive.courseid = this.courseid courseApi.addTeachplan(this.teachplanActive).then(res=>{ if(res.success){ this.$message.success("添加成功") //刷新树 this.findTeachplan() }else{ this.$message.error(res.message) } }) } }) }, //重置表单 resetForm(){ this.teachplanActive = {} }, append(data) { const newChild = { id: id++, label: 'testtest', children: [] }; if (!data.children) { this.$set(data, 'children', []); } data.children.push(newChild); }, edit(data){ //alert(data.id); }, remove(node, data) { const parent = node.parent; const children = parent.data.children || parent.data; const index = children.findIndex(d => d.id === data.id); children.splice(index, 1); }, renderContent(h, { node, data, store }) { return ( <span style="flex: 1; display: flex; align-items: center; justify-content: space-between; font-size: 14px; padding-right: 8px;"> <span> <span>{node.label}</span> </span> <span> <el-button style="font-size: 12px;" type="text" on-click={ () => this.choosevideo(data) }>{data.mediaFileOriginalName}&nbsp;&nbsp;&nbsp;&nbsp; 选择视频</el-button> <el-button style="font-size: 12px;" type="text" on-click={ () => this.edit(data) }>修改</el-button> <el-button style="font-size: 12px;" type="text" on-click={ () => this.remove(node, data) }>删除</el-button> </span> </span>); }, findTeachplan(){ this.teachplanList = [] //查询课程计划 courseApi.findTeachplanList(this.courseid).then(res=>{ if(res && res.children){ this.teachplanList = res.children; } }) } }, mounted(){ //课程id this.courseid = this.$route.params.courseid; //查询课程计划 this.findTeachplan() } } </script> <style> </style> ``` 在子组件想用这个方法调用父组件中方法,但无法调用,控制台上也没提示.后来发现,在webstorm中按着Ctrl键追踪不到.鼠标放上去提示Unresolved function or method $emit()
《奇巧淫技》系列-python!!每天早上八点自动发送天气预报邮件到QQ邮箱
将代码部署服务器,每日早上定时获取到天气数据,并发送到邮箱。 也可以说是一个小人工智障。 思路可以运用在不同地方,主要介绍的是思路。
Linux(服务器编程):15---两种高效的事件处理模式(reactor模式、proactor模式)
前言 同步I/O模型通常用于实现Reactor模式 异步I/O模型则用于实现Proactor模式 最后我们会使用同步I/O方式模拟出Proactor模式 一、Reactor模式 Reactor模式特点 它要求主线程(I/O处理单元)只负责监听文件描述符上是否有事件发生,有的话就立即将时间通知工作线程(逻辑单元)。除此之外,主线程不做任何其他实质性的工作 读写数据,接受新的连接,以及处...
为什么要学数据结构?
一、前言 在可视化化程序设计的今天,借助于集成开发环境可以很快地生成程序,程序设计不再是计算机专业人员的专利。很多人认为,只要掌握几种开发工具就可以成为编程高手,其实,这是一种误解。要想成为一个专业的开发人员,至少需要以下三个条件: 1) 能够熟练地选择和设计各种数据结构和算法 2) 至少要能够熟练地掌握一门程序设计语言 3) 熟知所涉及的相关应用领域的知识 其中,后两个条件比较容易实现,而第一个...
C语言魔塔游戏
很早就很想写这个,今天终于写完了。 游戏截图: 编译环境: VS2017 游戏需要一些图片,如果有想要的或者对游戏有什么看法的可以加我的QQ 2985486630 讨论,如果暂时没有回应,可以在博客下方留言,到时候我会看到。 下面我来介绍一下游戏的主要功能和实现方式 首先是玩家的定义,使用结构体,这个名字是可以自己改变的 struct gamerole { char n
进程通信方式总结与盘点
​ 进程通信是指进程之间的信息交换。这里需要和进程同步做一下区分,进程同步控制多个进程按一定顺序执行,进程通信是一种手段,而进程同步是目标。从某方面来讲,进程通信可以解决进程同步问题。 ​ 首先回顾下我们前面博文中讲到的信号量机制,为了实现进程的互斥与同步,需要在进程间交换一定的信息,因此信号量机制也可以被归为进程通信的一种方式,但是也被称为低级进程通信,主要原因为: 效率低:一次只可操作少量的...
究竟你适不适合买Mac?
我清晰的记得,刚买的macbook pro回到家,开机后第一件事情,就是上了淘宝网,花了500元钱,找了一个上门维修电脑的师傅,上门给我装了一个windows系统。。。。。。 表砍我。。。 当时买mac的初衷,只是想要个固态硬盘的笔记本,用来运行一些复杂的扑克软件。而看了当时所有的SSD笔记本后,最终决定,还是买个好(xiong)看(da)的。 已经有好几个朋友问我mba怎么样了,所以今天尽量客观
听说了吗?阿里双11作战室竟1根网线都没有
双11不光是购物狂欢节,更是对技术的一次“大考”,对于阿里巴巴企业内部运营的基础保障技术而言,亦是如此。 回溯双11历史,这背后也经历过“小米加步枪”的阶段:作战室从随处是网线,交换机放地上的“一地狼藉”;到如今媲美5G的wifi网速,到现场却看不到一根网线;从当年使用商用AP(无线路由器),让光明顶双11当天断网一分钟,到全部使用阿里自研AP……阿里巴巴企业智能事业部工程师们提供的基础保障...
在阿里,40岁的奋斗姿势
在阿里,40岁的奋斗姿势 在阿里,什么样的年纪可以称为老呢?35岁? 在云网络,有这样一群人,他们的平均年龄接近40,却刚刚开辟职业生涯的第二战场。 他们的奋斗姿势是什么样的呢? 洛神赋 “翩若惊鸿,婉若游龙。荣曜秋菊,华茂春松。髣髴兮若轻云之蔽月,飘飖兮若流风之回雪。远而望之,皎若太阳升朝霞;迫而察之,灼若芙蕖出渌波。” 爱洛神,爱阿里云 2018年,阿里云网络产品部门启动洛神2.0升...
关于研发效能提升的思考
研发效能提升是最近比较热门的一个话题,本人根据这几年的工作心得,做了一些思考总结,由于个人深度有限,暂且抛转引入。 三要素 任何生产力的提升都离不开这三个因素:人、流程和工具,少了其中任何一个因素都无法实现。 人,即思想,也就是古人说的“道”,道不同不相为谋,是制高点,也是高层建筑的基石。 流程,即方法,也是古人说的“法”。研发效能的提升,也就是要提高投入产出比,既要增加产出,也要减...
Python爬虫爬取淘宝,京东商品信息
小编是一个理科生,不善长说一些废话。简单介绍下原理然后直接上代码。 使用的工具(Python+pycharm2019.3+selenium+xpath+chromedriver)其中要使用pycharm也可以私聊我selenium是一个框架可以通过pip下载 pip install selenium -i https://pypi.tuna.tsinghua.edu.cn/simple/ 
阿里程序员写了一个新手都写不出的低级bug,被骂惨了。
这种新手都不会范的错,居然被一个工作好几年的小伙子写出来,差点被当场开除了。
Java工作4年来应聘要16K最后没要,细节如下。。。
前奏: 今天2B哥和大家分享一位前几天面试的一位应聘者,工作4年26岁,统招本科。 以下就是他的简历和面试情况。 基本情况: 专业技能: 1、&nbsp;熟悉Sping了解SpringMVC、SpringBoot、Mybatis等框架、了解SpringCloud微服务 2、&nbsp;熟悉常用项目管理工具:SVN、GIT、MAVEN、Jenkins 3、&nbsp;熟悉Nginx、tomca
2020年,冯唐49岁:我给20、30岁IT职场年轻人的建议
点击“技术领导力”关注∆  每天早上8:30推送 作者| Mr.K   编辑| Emma 来源| 技术领导力(ID:jishulingdaoli) 前天的推文《冯唐:职场人35岁以后,方法论比经验重要》,收到了不少读者的反馈,觉得挺受启发。其实,冯唐写了不少关于职场方面的文章,都挺不错的。可惜大家只记住了“春风十里不如你”、“如何避免成为油腻腻的中年人”等不那么正经的文章。 本文整理了冯
程序员该看的几部电影
##1、骇客帝国(1999) 概念:在线/离线,递归,循环,矩阵等 剧情简介: 不久的将来,网络黑客尼奥对这个看似正常的现实世界产生了怀疑。 他结识了黑客崔妮蒂,并见到了黑客组织的首领墨菲斯。 墨菲斯告诉他,现实世界其实是由一个名叫“母体”的计算机人工智能系统控制,人们就像他们饲养的动物,没有自由和思想,而尼奥就是能够拯救人类的救世主。 可是,救赎之路从来都不会一帆风顺,到底哪里才是真实的世界?
入职阿里5年,他如何破解“技术债”?
简介: 作者 | 都铎 作为一名技术人,你常常会听到这样的话: “先快速上线” “没时间改” “再缓一缓吧” “以后再解决” “先用临时方案处理” …… 当你埋下的坑越来越多,不知道哪天哪位同学就会踩上一颗雷。特别赞同“人最大的恐惧就是未知,当技术债可说不可见的时候,才是最让人不想解决的时候。” 作为一个程序员,我们反对复制粘贴,但是我们经常会见到相似的代码,相同的二方包,甚至整个代码...
Python绘图,圣诞树,花,爱心 | Turtle篇
每周每日,分享Python实战代码,入门资料,进阶资料,基础语法,爬虫,数据分析,web网站,机器学习,深度学习等等。 公众号回复【进群】沟通交流吧,QQ扫码进群学习吧 微信群 QQ群 1.画圣诞树 import turtle screen = turtle.Screen() screen.setup(800,600) circle = turtle.Turtle()...
作为一个程序员,CPU的这些硬核知识你必须会!
CPU对每个程序员来说,是个既熟悉又陌生的东西? 如果你只知道CPU是中央处理器的话,那可能对你并没有什么用,那么作为程序员的我们,必须要搞懂的就是CPU这家伙是如何运行的,尤其要搞懂它里面的寄存器是怎么一回事,因为这将让你从底层明白程序的运行机制。 随我一起,来好好认识下CPU这货吧 把CPU掰开来看 对于CPU来说,我们首先就要搞明白它是怎么回事,也就是它的内部构造,当然,CPU那么牛的一个东
破14亿,Python分析我国存在哪些人口危机!
2020年1月17日,国家统计局发布了2019年国民经济报告,报告中指出我国人口突破14亿。 猪哥的朋友圈被14亿人口刷屏,但是很多人并没有看到我国复杂的人口问题:老龄化、男女比例失衡、生育率下降、人口红利下降等。 今天我们就来分析一下我们国家的人口数据吧! 一、背景 1.人口突破14亿 2020年1月17日,国家统计局发布了 2019年国民经济报告 ,报告中指出:年末中国大陆总人口(包括31个
在家远程办公效率低?那你一定要收好这个「在家办公」神器!
相信大家都已经收到国务院延长春节假期的消息,接下来,在家远程办公可能将会持续一段时间。 但是问题来了。远程办公不是人在电脑前就当坐班了,相反,对于沟通效率,文件协作,以及信息安全都有着极高的要求。有着非常多的挑战,比如: 1在异地互相不见面的会议上,如何提高沟通效率? 2文件之间的来往反馈如何做到及时性?如何保证信息安全? 3如何规划安排每天工作,以及如何进行成果验收? ......
作为一个程序员,内存和磁盘的这些事情,你不得不知道啊!!!
截止目前,我已经分享了如下几篇文章: 一个程序在计算机中是如何运行的?超级干货!!! 作为一个程序员,CPU的这些硬核知识你必须会! 作为一个程序员,内存的这些硬核知识你必须懂! 这些知识可以说是我们之前都不太重视的基础知识,可能大家在上大学的时候都学习过了,但是嘞,当时由于老师讲解的没那么有趣,又加上这些知识本身就比较枯燥,所以嘞,大家当初几乎等于没学。 再说啦,学习这些,也看不出来有什么用啊!
2020年的1月,我辞掉了我的第一份工作
其实,这篇文章,我应该早点写的,毕竟现在已经2月份了。不过一些其它原因,或者是我的惰性、还有一些迷茫的念头,让自己迟迟没有试着写一点东西,记录下,或者说是总结下自己前3年的工作上的经历、学习的过程。 我自己知道的,在写自己的博客方面,我的文笔很一般,非技术类的文章不想去写;另外我又是一个还比较热衷于技术的人,而平常复杂一点的东西,如果想写文章写的清楚点,是需要足够...
别低估自己的直觉,也别高估自己的智商
所有群全部吵翻天,朋友圈全部沦陷,公众号疯狂转发。这两周没怎么发原创,只发新闻,可能有人注意到了。我不是懒,是文章写了却没发,因为大家的关注力始终在这次的疫情上面,发了也没人看。当然,我...
Java坑人面试题系列: 包装类(中级难度)
Java Magazine上面有一个专门坑人的面试题系列: https://blogs.oracle.com/javamagazine/quiz-2。 这些问题的设计宗旨,主要是测试面试者对Java语言的了解程度,而不是为了用弯弯绕绕的手段把面试者搞蒙。 如果你看过往期的问题,就会发现每一个都不简单。 这些试题模拟了认证考试中的一些难题。 而 “中级(intermediate)” 和 “高级(ad
深度学习入门笔记(十八):卷积神经网络(一)
欢迎关注WX公众号:【程序员管小亮】 专栏——深度学习入门笔记 声明 1)该文章整理自网上的大牛和机器学习专家无私奉献的资料,具体引用的资料请看参考文献。 2)本文仅供学术交流,非商用。所以每一部分具体的参考资料并没有详细对应。如果某部分不小心侵犯了大家的利益,还望海涵,并联系博主删除。 3)博主才疏学浅,文中如有不当之处,请各位指出,共同进步,谢谢。 4)此属于第一版本,若有错误,还需继续修正与...
这个世界上人真的分三六九等,你信吗?
偶然间,在知乎上看到一个问题 一时间,勾起了我深深的回忆。 以前在厂里打过两次工,做过家教,干过辅导班,做过中介。零下几度的晚上,贴过广告,满脸、满手地长冻疮。 再回首那段岁月,虽然苦,但让我学会了坚持和忍耐。让我明白了,在这个世界上,无论环境多么的恶劣,只要心存希望,星星之火,亦可燎原。 下文是原回答,希望能对你能有所启发。 如果我说,这个世界上人真的分三六九等,...
节后首个工作日,企业们集体开晨会让钉钉挂了
By 超神经场景描述:昨天 2 月 3 日,是大部分城市号召远程工作的第一天,全国有接近 2 亿人在家开始远程办公,钉钉上也有超过 1000 万家企业活跃起来。关键词:十一出行 人脸...
Java基础知识点梳理
Java基础知识点梳理 摘要: 虽然已经在实际工作中经常与java打交道,但是一直没系统地对java这门语言进行梳理和总结,掌握的知识也比较零散。恰好利用这段时间重新认识下java,并对一些常见的语法和知识点做个总结与回顾,一方面为了加深印象,方便后面查阅,一方面为了学好java打下基础。 Java简介 java语言于1995年正式推出,最开始被命名为Oak语言,由James Gosling(詹姆
2020年全新Java学习路线图,含配套视频,学完即为中级Java程序员!!
新的一年来临,突如其来的疫情打破了平静的生活! 在家的你是否很无聊,如果无聊就来学习吧! 世上只有一种投资只赚不赔,那就是学习!!! 传智播客于2020年升级了Java学习线路图,硬核升级,免费放送! 学完你就是中级程序员,能更快一步找到工作! 一、Java基础 JavaSE基础是Java中级程序员的起点,是帮助你从小白到懂得编程的必经之路。 在Java基础板块中有6个子模块的学
B 站上有哪些很好的学习资源?
哇说起B站,在小九眼里就是宝藏般的存在,放年假宅在家时一天刷6、7个小时不在话下,更别提今年的跨年晚会,我简直是跪着看完的!! 最早大家聚在在B站是为了追番,再后来我在上面刷欧美新歌和漂亮小姐姐的舞蹈视频,最近两年我和周围的朋友们已经把B站当作学习教室了,而且学习成本还免费,真是个励志的好平台ヽ(.◕ฺˇд ˇ◕ฺ;)ノ 下面我们就来盘点一下B站上优质的学习资源: 综合类 Oeasy: 综合
你也能看懂的:蒙特卡罗方法
蒙特卡罗方法,也称统计模拟方法,是1940年代中期由于科学技术的发展和电子计算机的发明,而提出的一种以概率统计理论为指导的数值计算方法。是指使用随机数(或更常见的伪随机数)来解决很多计算问题的方法 蒙特卡罗方法可以粗略地分成两类:一类是所求解的问题本身具有内在的随机性,借助计算机的运算能力可以直接模拟这种随机的过程。另一种类型是所求解问题可以转化为某种随机分布的特征数,比如随机事件出现的概率,或...
如何优雅地打印一个Java对象?
你好呀,我是沉默王二,一个和黄家驹一样身高,和刘德华一样颜值的程序员。虽然已经写了十多年的 Java 代码,但仍然觉得自己是个菜鸟(请允许我惭愧一下)。 在一个月黑风高的夜晚,我思前想后,觉得再也不能这么蹉跎下去了。于是痛下决心,准备通过输出的方式倒逼输入,以此来修炼自己的内功,从而进阶成为一名真正意义上的大神。与此同时,希望这些文章能够帮助到更多的读者,让大家在学习的路上不再寂寞、空虚和冷。 ...
相关热词 c#开发的dll注册 c#的反射 c# grid绑定数据源 c#多线程怎么循环 c# 鼠标左键 c# char占位符 c# 日期比较 c#16进制转换为int c#用递归求顺序表中最大 c#小型erp源代码
立即提问