当前位置: 首页 > news >正文

网站建设做的好的公司阿里云主机安装wordpress

网站建设做的好的公司,阿里云主机安装wordpress,简单设置网站首页,广告公司网络推广计划一、准备1、插件下载地址#xff1a;https://github.com/kartik-v/bootstrap-fileinput/ 下载后的压缩包解压文件夹内容如下#xff1a; js#xff1a;插件核心js代码#xff0c;引用fileinput.min.js/fileinput.js即可#xff0c;默认插件语言为英文#xff0c;如需要中… 一、准备 1、插件下载地址https://github.com/kartik-v/bootstrap-fileinput/ 下载后的压缩包解压文件夹内容如下                js插件核心js代码引用fileinput.min.js/fileinput.js即可默认插件语言为英文如需要中文需要引用js/locales/zh.js(其他语言引用相应的js文件)   js/plugins:相关辅助插件piexif.min.jsresize image插件、sortable.js初始化预览窗口缩略图排序插件、purify.js看说明是净化html代码用的试了下没有搞明白具体有说明作用   css插件核心css代码fileinput.min.css/fileinput.css核心css代码引用任何一个、fileinput-rtl.min.css/fileinput-rtl.css(选用这组css文件选择框会和从右向左排列即选择文件等相关按钮按钮在左边文件框在右边)   themes:主题如需要插件主题样式可引用主题文件夹下的相应js和css文件   查看示例     打开压缩包中的example/index.html或者访问http://plugins.krajee.com/file-basic-usage-demo查看示例。可根据示例的代码选择需要的控件代码使用。 2、代码引用   需要引用jquery   需要结合bootstrap使用即页面需要引入bootstrap相关js和css文件   引用fileinput.js 和css   中文需要引用js/locales/zh.js   需要主题样式时引用themes下相关文件夹中的js和css   tips最好以上按顺序引用免得出现莫名其妙的问题比如zh.js必须在fileinput.js后引用否则无效 二、使用示例   1、基本用法自动将一个普通的input框渲染成高大上的文件上传选择框 input idf_upload typefile classfile /   只需要将class设置为file即可效果如下     2、隐藏文件预览窗口    input idinput-1a typefile classfile data-show-previewfalse   设置属性data-show-preview“false”等同于初始化属性showPreviewfalse        效果如下   3、使用input 属性和data-**属性创建多样化的文件上传框    input idinput-2 nameinput2 typefile fileloading classfile multiple readonlyfalse disabledfalse data-show-uploadfalse data-show-captiontrue data-show-previewtrue data-allowed-file-extensions[jpg,png]   属性说明     typefile fileloading file表示此input框将被渲染为文件上传控件fileloading在选择文件后产生预览前会有友好的转圈的loading提示文件选择多了后比较容易观察到     multiple标识可以文件多选     readonly/disabled:这个不用解释了噻          data-show-upload等同于属性showUpload显示上传按钮同理有data-show-remove、data-show-cancel等详见option     data-show-caption显示文件上传的简介     data-allowed-file-extensions允许的文件后缀名另外有data-allowed-file-types详见option     ......... 三、option选项说明 属性名 属性类型 描述说明 默认值 language String 多语言设置使用时需提前引入\locales文件夹下对应的语言文件 中文zh引入语言文件必须放在fileinput.js之后 en showCaption Boolean 是否显示被选文件的简介 true showBrowse Boolean 是否显示浏览按钮 true showPreview Boolean 是否显示预览区域 true showRemove Boolean 是否显示移除按钮 true, showUpload Boolean 是否显示上传按钮 true, showCancel Boolean 是否显示取消按钮 true, showClose: Boolean 是否显示关闭按钮 true showUploadedThumbs Boolean   true browseOnZoneClick Boolean   false autoReplace Boolean 是否自动替换当前图片设置为true时再次选择文件 会将当前的文件替换掉。 false generateFileId Object   null previewClass String 添加预览按钮的类属性 ‘’ captionClass String   ‘’ frameClass String   krajee-default mainClass String   file-caption-main mainTemplate Object   null purifyHtml Boolean   true fileSizeGetter Object   null initialCaption String   initialPreview Array/Object   [] initialPreviewDelimiter String   *$$* initialPreviewAsData Boolean   false initialPreviewFileType String   image initialPreviewConfig Array/Object   [] initialPreviewThumbTags Array/Object   [] previewThumbTags Object   {} initialPreviewShowDelete Boolean   true removeFromPreviewOnError Boolean   false deleteUrl String 删除图片时的请求路径 deleteExtraData Object 删除图片时额外传入的参数 {} overwriteInitial Boolean   true previewZoomButtonIcons Object   { prev: i classglyphicon glyphicon-triangle-left/i,   next: i classglyphicon glyphicon-triangle-right/i,   toggleheader: i classglyphicon glyphicon-resize-vertical/i,   fullscreen: i classglyphicon glyphicon-fullscreen/i,   borderless: i classglyphicon glyphicon-resize-full/i,   close: i classglyphicon glyphicon-remove/i }, previewZoomButtonClasses Object   {  prev: btn btn-navigate,   next: btn btn-navigate,   toggleheader: btn btn-default btn-header-toggle,   fullscreen: btn btn-default,   borderless: btn btn-default,   close: btn btn-default }, preferIconicPreview Boolrean   false preferIconicZoomPreview Boolrean   false allowedPreviewTypes undefined   undefined allowedPreviewMimeTypes Object   null allowedFileTypes Object 接收的文件后缀如[jpg, gif, png],不填将不限制上传文件后缀类型 null allowedFileExtensions Object   null defaultPreviewContent Object   null customLayoutTags Object   {} customPreviewTags Object   {} previewFileIcon String   i classglyphicon glyphicon-file/i previewFileIconClass String   file-other-icon previewFileIconSettings Object   {} previewFileExtSettings Object   {} buttonLabelClass String   hidden-xs browseIcon String   i classglyphicon glyphicon-folder-open/inbsp; browseClass String   btn btn-primary removeIcon String   i classglyphicon glyphicon-trash/i removeClass String   btn btn-default cancelIcon String   i classglyphicon glyphicon-ban-circle/i cancelClass String   btn btn-default uploadIcon String   i classglyphicon glyphicon-upload/i uploadClass String   btn btn-default uploadUrl String 上传文件路径 null uploadAsync boolean 是否为异步上传 true uploadExtraData   上传文件时额外传递的参数设置 {} zoomModalHeight number   480 minImageWidth String 图片的最小宽度 null minImageHeight String 图片的最小高度 null maxImageWidth String 图片的最大宽度 null maxImageHeight String 图片的最大高度 null resizeImage boolean   false resizePreference String   width resizeQuality number   0.92 resizeDefaultImageType String   image/jpeg minFileSize number 单位为kb上传文件的最小大小值 0 maxFileSize number 单位为kb如果为0表示不限制文件大小 0 resizeDefaultImageType number   25600(25MB) minFileCount number 表示同时最小上传的文件个数 0 maxFileCount number 表示允许同时上传的最大文件个数 0 validateInitialCount boolean   false msgValidationErrorClass String   text-danger msgValidationErrorIcon String   i classglyphicon glyphicon-exclamation-sign/i msgErrorClass String   file-error-message progressThumbClass String   progress-bar progress-bar-success progress-bar-striped active rogressClass String   progress-bar progress-bar-success progress-bar-striped active progressCompleteClass String   progress-bar progress-bar-success progressErrorClass String   progress-bar progress-bar-danger progressUploadThreshold number   99 previewFileType String 预览文件类型,内置[image, html, text, video, audio, flash, object,‘other‘]等格式 image elCaptionContainer String   null elCaptionText String 设置标题栏提示信息 null elPreviewContainer String   null elPreviewImage String   null elPreviewStatus String   null elErrorContainer String   null errorCloseButton String   span classclose kv-error-closetimes;/span slugCallback String   null dropZoneEnabled boolean 是否显示拖拽区域 true dropZoneTitleClass String 拖拽区域类属性设置 file-drop-zone-title fileActionSettings Object   {} otherActionButtons String   textEncoding String 编码设置 UTF-8 ajaxSettings Object   {} ajaxDeleteSettings Object   {} showAjaxErrorDetails boolean   true 7、Method说明 方法名 参数 描述 fileerror   异步上传错误结果处理 $(#uploadfile).on(fileerror, function(event, data, msg) { }); fileuploaded   异步上传成功结果处理 $(#uploadfile).on(fileuploaded, function (event, data, previewId, index) { }) filebatchuploaderror   同步上传错误结果处理 $(#uploadfile).on(filebatchuploaderror, function(event, data, msg) { }); filebatchuploadsuccess   同步上传成功结果处理 $(#uploadfile).on(filepreupload, function(event, data, previewId, index) {     }); filebatchselected   选择文件后处理事件 $(#fileinput).on(filebatchselected, function(event, files) { }); upload   文件上传方法 $(#fileinput).fileinput(upload); fileuploaded   上传成功后处理方法 $(#fileinput).on(fileuploaded, function(event, data, previewId, index) { }); filereset     fileclear   点击浏览框右上角X 清空文件前响应事件 $(#fileinput).on(fileclear,function(event, data, msg){ }); filecleared   点击浏览框右上角X 清空文件后响应事件 $(#fileinput).on(filecleared,function(event, data, msg){ }); fileimageuploaded   在预览框中图片已经完全加载完毕后回调的事件   8、常见问题与错误    引入所需文件后页面刷新查看样式奇怪浏览器提示错误等可能是因为js、css文件的引用顺序问题zh.js需要在fileinput.js后面引入。bootstrap最好在fileinput前引入。 原文链接https://www.cnblogs.com/parker-yu/p/7207071.html   转载于:https://www.cnblogs.com/1175429393wljblog/p/8510888.html
http://www.sadfv.cn/news/59333/

相关文章:

  • 学做网站论坛好吗91关键词排名
  • html5移动端手机网站开发流程图北京国税局网站做票种核定时
  • 贵港做网站化司企业网站建设的核心
  • 重庆网站建设培训机构学费动漫设计需要什么学历
  • 余杭区建设局网站品牌宣传网站有哪些
  • 合肥网站营销外国做挂的网站是多少钱
  • 扁平化设计 科技感网站素材南康家具网站建设
  • 知名商城网站建设价格山东省建设资格注册中心网站
  • 怎么利用源码做网站wordpress使用端口
  • 如何进行网站分析58同城如何发布网站建设
  • 铜山网站建设做一张网站图得多少钱
  • 做仿站如何获取网站源码企业管理软件是什么
  • 苏州外贸网站建站邯郸网络科技
  • 成都网站建设 龙兵php 企业网站 后台图片上传
  • 网站编辑 seo是什么 百度知道安徽省住房城乡建设厅网站官网
  • 黄冈贴吧黄冈论坛吧西安seo公司哪家好
  • 网站备案链接地址网络营销外包服务商
  • 企业网站建设费用账务处理用dreammwea怎么做视频网站
  • 亳州网站开发海南百度推广公司有哪些
  • 可以做招商的网站营销型网站的特点有哪些
  • 建被采集的网站pk10代码网站开发
  • 傻瓜式php网站开发工具ps培训班一般学费多少钱
  • 网站工作室模板wordpress链接自定义后文章打不开
  • wordpress 手机站插件新浪博客发布到wordpress
  • 内江网站开发网络有哪些广告推广方式
  • 印刷网站建设 优帮云让百度收录自己的网站
  • 高端网站建设与发展做淘宝这样的网站需要什么
  • 单页网站程序黑龙江网站建设开发
  • 做网站公司高端php官网网站建设
  • 企业建站系统官网郑州视频网站建设