传照片

Uploadify下载地址： http://www.uploadify.com/download/ 这里下载最新版的3.2的。 下载下来解压后估计里面很多文件，其实有用的也就一个jquery.uploadify.js和uploadify.swf这两个文件。当然啦，jQuery库那是必须的。 在你使用的项目中，把 jquery.uploadify.js引入以后，用法和大多数JQ插件一样。同时也要记得引入swfobject.js这个插件，版本2.2以上的。使用方法例如： 1 2 3 4 5 6 7 8 $( function () { $( "#file_upload_1" ).uploadify({ height : 30, swf : '/uploadify/uploadify.swf' , uploader : '/uploadify/uploadify.php' , width : 120 }); }); file_upload_1其实也就是一个容器ID，比如<div id="file_upload_1"></div>，上面的只是简单的事例，下面我就把我在项目中做的发出来，每个都有解释： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35

　　　最近的项目中遇到这样一个需求，要求在上传图片时可多图片上传，并且可以拖拽排序。前面多图片上传比较好实现，网上一大片的教程、插件可供学习使用，可又要求可以拖拽排序，我也没找到现有的代码，自己也就研究着尝试实现了下，实现的结果还是比较好的。大家有需要的可以参考下。 　　　废话不多说，直接上代码。 HTML代码： <div class="wrapConatiner"> <div class="btn_wrapper"> <!--不使用file的默认样式,隐藏file选择框,使用button的click事件触发选择文件--> <input type="file" name="files" id="files" multiple style="display: none;" data-name="files1"/> <button class="btn"></button> </div> <!-- 放置上传后图片的容器 --> <div class="img_wrapper"> <ul></ul> </div> </div> CSS代码： .img_wrapper { width: 100%; display: flex; flex-wrap: wrap; } .dragWrapper { position: relative; width: 100%; height: 208px;

花N长时间积累的Jquery插件，希望大家喜欢。大家还有什么新的插件，请留言，我们一并收录。 感谢大家的支持。 1. accordion类 基于jQuery开发，非常简单的水平方向折叠控件。 Horizontal accordion: jQuery 热点图书：www.hotbook.cn jQuery-Horizontal Accordion 具有XBOX360 blade界面风格的水平方向Accordion。 jQuery-Horizontal Accordion jQuery plugin: Accordion 用于创建 折叠菜单的jQuery插件。 jQuery plugin: Accordion 热点图书：www.hotbook.cn Accordion Menu script 基于 jQuery开发的可折叠菜单。 Accordion Menu script 热点图书：www.hotbook.cn jQuery.combobox jQuery.combobox 是一个采用jQuery开发的combobox控件，可以使用CSS控制该combobox的外观，可以设置各种不同风格的下拉动画效果。 jQuery.combobox 热点图书：www.hotbook.cn 2. AutoComplete jQuery插件易于集成到现在的表单中(Form)。 AutoComplete

版权所有 2009-2017 荆门泽优软件有限公司 保留所有权利 官方网站： http://www.ncmem.com 官方博客： http://www.cnblogs.com/xproer 产品首页： http://www.ncmem.com/webplug/image-uploader/ 在线演示： http://www.ncmem.com/products/image-uploader/img2/index.html 开发文档 -.NET ： http://www.cnblogs.com/xproer/archive/2011/05/13/1931278.html 开发文档 -PHP ： http://www.cnblogs.com/xproer/archive/2011/05/13/2045854.html 开 发文档 -JSP ： http://www.cnblogs.com/xproer/archive/2011/05/20/2051887.html 升级日志： http://www.cnblogs.com/xproer/archive/2010/10/06/1844816.html 资源下载： cab安装包(x86) , cab安装包(x64) , crx安装包 , xpi安装包 , exe安装包 , 开发文档 , VC 库 , 证书补丁 , 示例下载： ASP ,

　　html <view class="imgItems"> <view class="grace-file-list" style="padding: 0;margin-bottom: 50upx"> <view class="items" v-for="(item, index) in fastImgLists" :key="index"> <view class="video-bg" v-if="item.type == 'video'" style="position:relative;background-color: rgb(98,98,98);display: flex;justify-content: center;align-items: center;" > <image v-show="fastImgLists[index].needload != 'true'" :id="item.id" :src="item.filePath" mode="aspectFit" :data-imgurl="item.filePath" @tap="showVideo(index)" style="width: 48upx;height: 48upx;" ></image> </view> <image v-else :src="item.filePath" mode=

　　需求：如图的窗体中，点击选择的时候，进入到本地磁盘选择图片，然后获取图片的名字，并保存在数据库中 代码如下： //在窗体加载的时候，应该把文本框设置为只读。 //点击选择的时候触发的事件 private void btn_upImg_Click(object sender, EventArgs e) { 　　 if (this.openFileDialog1.ShowDialog() == DialogResult.OK) { 　　　　　　　//图片名 　 this.txt_iconName.Text = openFileDialog1.FileName; } 　 if (openFileDialog1.FileName.Length > 0) 　　{ 　　　　 string oldName = openFileDialog1.FileName;//存放文件路径 string[] splitName = oldName.Split('.');//为获取文件扩展名做准备 string ext = splitName[splitName.Length - 1];//截取文件扩展名 //判断图片格式是否符合 　　　　if (ext == "jpg" || ext == "gif" || ext == "ico" || ext == "JPG") 　　　　{ 　　　　　　 this

/* file：文件(类型是图片格式)， obj：文件压缩后对象width， height， quality(0-1) callback：容器或者回调函数 */ let photoCompress = function ( file ) { return new Promise ( ( resolve , reject ) => { try { let that = this ; let ready = new FileReader ( ) ; /*开始读取指定File对象中的内容. 读取操作完成时,返回一个URL格式的字符串.*/ ready . readAsDataURL ( file ) ; ready . onload = function ( ) { let re = this . result ; //开始压缩 canvasDataURL ( re , ( base64 ) => { let minFile = base64UrlToFile ( base64 , file . name ) resolve ( minFile ) } ) } } catch ( error ) { reject ( error ) } } ) } /*利用canvas数据化图片进行压缩*/ /*图片转base64*/ let canvasDataURL = function (

Taro上传图片公用组件 子组件chooseImage //component/chooseImage/index.js import Taro, { Component } from '@tarojs/taro' import { View } from '@tarojs/components' import { AtImagePicker, AtButton } from "taro-ui" class ChooseImage extends Component { constructor() { super(...arguments); this.state = ({ files: [], showUploadBtn:false, upLoadImg:[] }) } componentWillMount() { console.log(this.props.chooseImg) this.setState({ files: this.props.chooseImg.files, showUploadBtn:this.props.chooseImgshowUploadBtn, upLoadImg:this.props.chooseImg.upLoadImg }) } componentDidShow() { } componentDidHide() { } onChange

原文: 在ASP.NET Core中给上传图片功能添加水印 在传统的.NET框架中，我们给图片添加水印有的是通过HttpModules或者是HttpHandler，然后可以通过以下代码添加水印: var image = new WebImage(imageBytes); image.AddTextWatermark( Settings.Instance.WatermarkText, "White", Settings.Instance.WatermarkFontSize, opacity: Settings.Instance.WatermarkTextOpacityPercentage ); 但是在.NET Core中不允许你这么干了，因为没有WebImage这个类型了。在现在的.NET Core中我们都是通过IFormFile来上传文件，这包含了很多格式，那我们试一下吧。 首先我们一定要知道，我们要把图片保存到什么地方，我们在.NET Core中获取项目目录需要最基本的构造函数，如以下定义： public readonly ILogger<ImageController> Logger = null; private IHostingEnvironment hostingEnv; public ImageController(ILogger<ImageController>

在传统的.NET框架中，我们给图片添加水印有的是通过HttpModules或者是HttpHandler，然后可以通过以下代码添加水印: var image = new WebImage(imageBytes); image.AddTextWatermark( Settings.Instance.WatermarkText, "White", Settings.Instance.WatermarkFontSize, opacity: Settings.Instance.WatermarkTextOpacityPercentage ); 但是在.NET Core中不允许你这么干了，因为没有WebImage这个类型了。在现在的.NET Core中我们都是通过IFormFile来上传文件，这包含了很多格式，那我们试一下吧。 首先我们一定要知道，我们要把图片保存到什么地方，我们在.NET Core中获取项目目录需要最基本的构造函数，如以下定义： public readonly ILogger<ImageController> Logger = null; private IHostingEnvironment hostingEnv; public ImageController(ILogger<ImageController> logger,IHostingEnvironment env)