|
|
@@ -8,17 +8,17 @@
|
|
|
<!DOCTYPE HTML>
|
|
|
<html>
|
|
|
<head>
|
|
|
-<meta charset="utf-8">
|
|
|
+ <meta charset="utf-8">
|
|
|
<script type="text/javascript">
|
|
|
window.UEDITOR_SERVER_URL = '<%=base%>';
|
|
|
</script>
|
|
|
-<meta name="renderer" content="webkit|ie-comp|ie-stand">
|
|
|
-<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
|
-<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
|
|
|
-<meta http-equiv="Cache-Control" content="no-siteapp" />
|
|
|
-<link rel="Bookmark" href="/favicon.ico" >
|
|
|
-<link rel="Shortcut Icon" href="/favicon.ico" />
|
|
|
-<!--[if lt IE 9]>
|
|
|
+ <meta name="renderer" content="webkit|ie-comp|ie-stand">
|
|
|
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
|
+ <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
|
|
|
+ <meta http-equiv="Cache-Control" content="no-siteapp" />
|
|
|
+ <link rel="Bookmark" href="/favicon.ico" >
|
|
|
+ <link rel="Shortcut Icon" href="/favicon.ico" />
|
|
|
+ <!--[if lt IE 9]>
|
|
|
<script type="text/javascript" src="${pageContext.request.contextPath}/lib/html5shiv.js"></script>
|
|
|
<script type="text/javascript" src="${pageContext.request.contextPath}/lib/respond.min.js"></script>
|
|
|
<![endif]-->
|
|
|
@@ -28,7 +28,6 @@
|
|
|
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/h-ui.admin/skin/default/skin.css" id="skin" />
|
|
|
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/h-ui.admin/css/style.css" />
|
|
|
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/h-ui.admin/css/page.css" />
|
|
|
- <link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/user/css/aos.css"/>
|
|
|
<link rel="stylesheet" href="${pageContext.request.contextPath}/user/css/baseindex.css">
|
|
|
<link rel="stylesheet" href="${pageContext.request.contextPath}/user/css/course.css">
|
|
|
<link rel="stylesheet" href="${pageContext.request.contextPath}/user/css/swiper.min.css">
|
|
|
@@ -36,19 +35,19 @@
|
|
|
<script src="${pageContext.request.contextPath}/user/js/swiper.min.js" type="text/javascript"></script>
|
|
|
<script src="${pageContext.request.contextPath}/user/js/js.js" type="text/javascript"></script>
|
|
|
<link rel="stylesheet" href="${pageContext.request.contextPath}/user/build/mediaelementplayer.min(1).css" />
|
|
|
+ <%--<script type="text/javascript" src="${pageContext.request.contextPath}js/displayvideo.js"></script>--%>
|
|
|
<!--[if IE 6]>
|
|
|
<script type="text/javascript" src="${pageContext.request.contextPath}/lib/DD_belatedPNG_0.0.8a-min.js" ></script>
|
|
|
<script>DD_belatedPNG.fix('*');</script>
|
|
|
-<![endif]-->
|
|
|
-<!--/meta 作为公共模版分离出去-->
|
|
|
+ <![endif]-->
|
|
|
+ <!--/meta 作为公共模版分离出去-->
|
|
|
|
|
|
-<title>修改新闻 - 新闻管理 - H-ui.admin v3.1</title>
|
|
|
-<meta name="keywords" content="H-ui.admin v3.1,H-ui网站后台模版,后台模版下载,后台管理系统模版,HTML后台模版下载">
|
|
|
-<meta name="description" content="H-ui.admin v3.1，是一款由国人开发的轻量级扁平化网站后台模板，完全免费开源的网站后台管理系统模版，适合中小型CMS后台系统。">
|
|
|
-</head>
|
|
|
+ <title>新增新闻 - 新闻管理 - H-ui.admin v3.1</title>
|
|
|
+ <meta name="keywords" content="H-ui.admin v3.1,H-ui网站后台模版,后台模版下载,后台管理系统模版,HTML后台模版下载">
|
|
|
+ <meta name="description" content="H-ui.admin v3.1，是一款由国人开发的轻量级扁平化网站后台模板，完全免费开源的网站后台管理系统模版，适合中小型CMS后台系统。">
|
|
|
|
|
|
+</head>
|
|
|
<body>
|
|
|
-
|
|
|
<article class="page-container">
|
|
|
<form class="form form-horizontal" id="form-article-add" action="worklibrary-update.html" method="post" enctype="multipart/form-data">
|
|
|
<div class="row cl">
|
|
|
@@ -75,14 +74,14 @@
|
|
|
<label class="form-label col-xs-4 col-sm-2">视频：</label>
|
|
|
<div class="formControls col-xs-8 col-sm-4">
|
|
|
<input type="file" class="input-text" name="filename" id="fileToUploads">
|
|
|
- <input type="hidden" name="viodes" id="imgTwott">
|
|
|
+ <input type="hidden" name="viodes" id="imgTwott" value="${workibraryById.viodes}">
|
|
|
</div>
|
|
|
- <div class="formControls col-xs-8 col-sm-2">
|
|
|
- <video id="video" controls preload="auto" width="100px" height="50px">
|
|
|
- <source src="${workibraryById.viodes}" type="video/mp4" id="showIpts">
|
|
|
+ <%--<div class="formControls col-xs-8 col-sm-2 " id="video-box">
|
|
|
+ <video id="video" controls preload="auto" width="500px" height="150px">
|
|
|
+ <source src="" type="video/mp4" id="showIpts">
|
|
|
</video>
|
|
|
- <%--<img alt="" src="" width="90" height="60" id="showIpts">--%>
|
|
|
- </div>
|
|
|
+ <%–<img alt="" src="" width="90" height="60" id="showIpts">–%>
|
|
|
+ </div>--%>
|
|
|
</div>
|
|
|
|
|
|
<div class="row cl">
|
|
|
@@ -99,303 +98,291 @@
|
|
|
</div>
|
|
|
<div class="row cl">
|
|
|
<div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
|
|
|
- <button class="btn btn-primary radius"> <i class="Hui-iconfont"> </i> 修改</button>
|
|
|
+ <button onClick="article_save_submit();" class="btn btn-primary radius" type="submit"> <i class="Hui-iconfont"> </i> 修改</button>
|
|
|
<a class="btn btn-default radius" href="javascript:history.go(-1)" type="button" > 取消 </a>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ </form>
|
|
|
+ </article>
|
|
|
+
|
|
|
+ <!--_footer 作为公共模版分离出去-->
|
|
|
+ <script type="text/javascript" src="${pageContext.request.contextPath}/lib/jquery/1.9.1/jquery.min.js"></script>
|
|
|
+ <script type="text/javascript" src="${pageContext.request.contextPath}/lib/layer/2.4/layer.js"></script>
|
|
|
+ <script type="text/javascript" src="${pageContext.request.contextPath}${pageContext.request.contextPath}/static/h-ui/js/H-ui.min.js"></script>
|
|
|
+ <script type="text/javascript" src="${pageContext.request.contextPath}${pageContext.request.contextPath}/static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer /作为公共模版分离出去-->
|
|
|
+
|
|
|
+ <!--请在下方写此页面业务相关的脚本-->
|
|
|
+ <script type="text/javascript" src="${pageContext.request.contextPath}/lib/My97DatePicker/4.8/WdatePicker.js"></script>
|
|
|
+ <script type="text/javascript" src="${pageContext.request.contextPath}/lib/jquery.validation/1.14.0/jquery.validate.js"></script>
|
|
|
+ <script type="text/javascript" src="${pageContext.request.contextPath}/lib/jquery.validation/1.14.0/validate-methods.js"></script>
|
|
|
+ <script type="text/javascript" src="${pageContext.request.contextPath}/lib/jquery.validation/1.14.0/messages_zh.js"></script>
|
|
|
+ <script type="text/javascript" src="${pageContext.request.contextPath}/lib/webuploader/0.1.5/webuploader.min.js"></script>
|
|
|
+ <script type="text/javascript" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/ueditor.config.js"></script>
|
|
|
+ <script type="text/javascript" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/ueditor.all.min.js"> </script>
|
|
|
+ <script type="text/javascript" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/lang/zh-cn/zh-cn.js"></script>
|
|
|
+ <script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/ueditor.config.js"></script> <!--ueditor的配置文件-->
|
|
|
+ <script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/ueditor.all.min.js"></script> <!--ueditor核心文件-->
|
|
|
+ <script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/lang/zh-cn/zh-cn.js"></script> <!--ueditor语言文件-->
|
|
|
+
|
|
|
+ <!-- 百度文本编辑器 引用文件 -->
|
|
|
+
|
|
|
+ <script src="<%=base%>/static/ue/ueditor.config.js" type="text/javascript"></script>
|
|
|
+ <script src="<%=base%>/static/ue/ueditor.all.js" type="text/javascript"></script>
|
|
|
+ <script type="text/javascript" src="<%=base%>/static/ue/lang/zh-cn/zh-cn.js"></script>
|
|
|
+ <script type="text/javascript" src="${pageContext.request.contextPath}/lib/layer/2.4/layer.js"></script>
|
|
|
+ <script type="text/javascript" src="${pageContext.request.contextPath}/static/admin/js/ajaxfileupload.js"></script>
|
|
|
+
|
|
|
+ <script type="text/javascript">
|
|
|
+ $(function () {
|
|
|
+
|
|
|
+ var src =$("#imgTwott").val();
|
|
|
+ alert(src);
|
|
|
+ sourceDom = $("<source src=\""+ src +"\">");
|
|
|
+ $("#video-box video").empty();
|
|
|
+ $("#video-box video").append(sourceDom);
|
|
|
+ $("#video-box").show();
|
|
|
+ $("#video-box video")[0].play();
|
|
|
+ })
|
|
|
+ fileToUpload.onchange=function(){
|
|
|
+ showIpt.src=URL.createObjectURL(this.files[0]);
|
|
|
+ console.log(this.files)
|
|
|
|
|
|
-
|
|
|
- </form>
|
|
|
-</article>
|
|
|
-
|
|
|
- <!--_footer 作为公共模版分离出去-->
|
|
|
- <script type="text/javascript" src="${pageContext.request.contextPath}/static/h-ui/js/H-ui.min.js"></script>
|
|
|
- <script type="text/javascript" src="${pageContext.request.contextPath}/static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer /作为公共模版分离出去-->
|
|
|
-
|
|
|
- <!--请在下方写此页面业务相关的脚本-->
|
|
|
- <script type="text/javascript" src="${pageContext.request.contextPath}/lib/My97DatePicker/4.8/WdatePicker.js"></script>
|
|
|
- <script type="text/javascript" src="${pageContext.request.contextPath}/lib/jquery.validation/1.14.0/jquery.validate.js"></script>
|
|
|
- <script type="text/javascript" src="${pageContext.request.contextPath}/lib/jquery.validation/1.14.0/validate-methods.js"></script>
|
|
|
- <script type="text/javascript" src="${pageContext.request.contextPath}/lib/jquery.validation/1.14.0/messages_zh.js"></script>
|
|
|
- <script type="text/javascript" src="${pageContext.request.contextPath}/lib/webuploader/0.1.5/webuploader.min.js"></script>
|
|
|
- <script type="text/javascript" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/ueditor.config.js"></script>
|
|
|
- <script type="text/javascript" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/ueditor.all.min.js"> </script>
|
|
|
- <script type="text/javascript" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/lang/zh-cn/zh-cn.js"></script>
|
|
|
- <script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/ueditor.config.js"></script> <!--ueditor的配置文件-->
|
|
|
- <script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/ueditor.all.min.js"></script> <!--ueditor核心文件-->
|
|
|
- <script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/lang/zh-cn/zh-cn.js"></script> <!--ueditor语言文件-->
|
|
|
-
|
|
|
- <!-- 百度文本编辑器 引用文件 -->
|
|
|
-
|
|
|
- <script src="<%=base%>/static/ue/ueditor.config.js" type="text/javascript"></script>
|
|
|
- <script src="<%=base%>/static/ue/ueditor.all.js" type="text/javascript"></script>
|
|
|
- <script type="text/javascript" src="<%=base%>/static/ue/lang/zh-cn/zh-cn.js"></script>
|
|
|
- <script type="text/javascript" src="${pageContext.request.contextPath}/lib/layer/2.4/layer.js"></script>
|
|
|
- <script type="text/javascript" src="${pageContext.request.contextPath}/static/admin/js/ajaxfileupload.js"></script>
|
|
|
-
|
|
|
-<script type="text/javascript" src="${pageContext.request.contextPath}/lib/jquery/1.9.1/jquery.min.js"></script>
|
|
|
-
|
|
|
- <script type="text/javascript">
|
|
|
- /* layer.open({
|
|
|
- type: 1,
|
|
|
- title: false,
|
|
|
- shadeClose: true,
|
|
|
- area: ['400px', '350px'],
|
|
|
- content: $('#box'),
|
|
|
- success: function(layero){
|
|
|
-//layer样式layer-anim导致全屏样式错乱，移除该样式即可
|
|
|
- setTimeout(function() {
|
|
|
- $(layero).removeClass('layer-anim');
|
|
|
- }, 0);
|
|
|
- }
|
|
|
- });*/
|
|
|
- fileToUpload.onchange=function(){
|
|
|
- showIpt.src=URL.createObjectURL(this.files[0])
|
|
|
- console.log(this.files)
|
|
|
-
|
|
|
- }
|
|
|
- fileToUploads.onchange=function(){
|
|
|
- showIpts.src=URL.createObjectURL(this.files[0]);
|
|
|
- alert(URL.createObjectURL(this.files[0])+"123");
|
|
|
- console.log(this.files)
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- // function article_update_submit() {
|
|
|
- // $("#form-article-add").submit();
|
|
|
- // }
|
|
|
-
|
|
|
- var ue = UE.getEditor('editor',{});
|
|
|
-
|
|
|
- $(function(){
|
|
|
- $('.skin-minimal input').iCheck({
|
|
|
- checkboxClass: 'icheckbox-blue',
|
|
|
- radioClass: 'iradio-blue',
|
|
|
- increaseArea: '20%'
|
|
|
- });
|
|
|
-
|
|
|
- /* //表单验证
|
|
|
- $("#form-article-add").validate({
|
|
|
- rules:{
|
|
|
- },
|
|
|
- onkeyup:false,
|
|
|
- focusCleanup:true,
|
|
|
- success:"valid",
|
|
|
- submitHandler:function(form){
|
|
|
- $(form).ajaxSubmit();
|
|
|
- var index = parent.layer.getFrameIndex(window.name);
|
|
|
- //parent.$('.btn-refresh').click();
|
|
|
- parent.layer.close(index);
|
|
|
- }
|
|
|
- });*/
|
|
|
-
|
|
|
- $list = $("#fileList"),
|
|
|
- $btn = $("#btn-star"),
|
|
|
- state = "pending",
|
|
|
- uploader;
|
|
|
-
|
|
|
- var uploader = WebUploader.create({
|
|
|
- auto: true,
|
|
|
- swf: 'lib/webuploader/0.1.5/Uploader.swf',
|
|
|
-
|
|
|
- // 文件接收服务端。
|
|
|
- server: 'fileupload.php',
|
|
|
-
|
|
|
- // 选择文件的按钮。可选。
|
|
|
- // 内部根据当前运行是创建，可能是input元素，也可能是flash.
|
|
|
- pick: '#filePicker',
|
|
|
-
|
|
|
- // 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！
|
|
|
- resize: false,
|
|
|
- // 只允许选择图片文件。
|
|
|
- accept: {
|
|
|
- title: 'Images',
|
|
|
- extensions: 'gif,jpg,jpeg,bmp,png',
|
|
|
- mimeTypes: 'image/*'
|
|
|
- }
|
|
|
- });
|
|
|
- uploader.on( 'fileQueued', function( file ) {
|
|
|
- var $li = $(
|
|
|
- '<div id="' + file.id + '" class="item">' +
|
|
|
- '<div class="pic-box"><img></div>'+
|
|
|
- '<div class="info">' + file.name + '</div>' +
|
|
|
- '<p class="state">等待上传...</p>'+
|
|
|
- '</div>'
|
|
|
- ),
|
|
|
- $img = $li.find('img');
|
|
|
- $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 );
|
|
|
- });
|
|
|
- // 文件上传过程中创建进度条实时显示。
|
|
|
- uploader.on( 'uploadProgress', function( file, percentage ) {
|
|
|
- var $li = $( '#'+file.id ),
|
|
|
- $percent = $li.find('.progress-box .sr-only');
|
|
|
-
|
|
|
- // 避免重复创建
|
|
|
- if ( !$percent.length ) {
|
|
|
- $percent = $('<div class="progress-box"><span class="progress-bar radius"><span class="sr-only" style="width:0%"></span></span></div>').appendTo( $li ).find('.sr-only');
|
|
|
- }
|
|
|
- $li.find(".state").text("上传中");
|
|
|
- $percent.css( 'width', percentage * 100 + '%' );
|
|
|
- });
|
|
|
-
|
|
|
- // 文件上传成功，给item添加成功class, 用样式标记上传成功。
|
|
|
- uploader.on( 'uploadSuccess', function( file ) {
|
|
|
- $( '#'+file.id ).addClass('upload-state-success').find(".state").text("已上传");
|
|
|
- });
|
|
|
-
|
|
|
- // 文件上传失败，显示上传出错。
|
|
|
- uploader.on( 'uploadError', function( file ) {
|
|
|
- $( '#'+file.id ).addClass('upload-state-error').find(".state").text("上传出错");
|
|
|
- });
|
|
|
-
|
|
|
- // 完成上传完了，成功或者失败，先删除进度条。
|
|
|
- uploader.on( 'uploadComplete', function( file ) {
|
|
|
- $( '#'+file.id ).find('.progress-box').fadeOut();
|
|
|
- });
|
|
|
- uploader.on('all', function (type) {
|
|
|
- if (type === 'startUpload') {
|
|
|
- state = 'uploading';
|
|
|
- } else if (type === 'stopUpload') {
|
|
|
- state = 'paused';
|
|
|
- } else if (type === 'uploadFinished') {
|
|
|
- state = 'done';
|
|
|
- }
|
|
|
-
|
|
|
- if (state === 'uploading') {
|
|
|
- $btn.text('暂停上传');
|
|
|
- } else {
|
|
|
- $btn.text('开始上传');
|
|
|
- }
|
|
|
- });
|
|
|
-
|
|
|
- $btn.on('click', function () {
|
|
|
- if (state === 'uploading') {
|
|
|
- uploader.stop();
|
|
|
- } else {
|
|
|
- uploader.upload();
|
|
|
- }
|
|
|
- });
|
|
|
-
|
|
|
- var ue = UE.getEditor('editor');
|
|
|
-
|
|
|
- });
|
|
|
- $(function () {
|
|
|
- var ue = UE.getEditor('introductions', {
|
|
|
- //关闭字数统计
|
|
|
- wordCount: false,
|
|
|
- toolbars: [['fullscreen', 'source', '|', 'undo', 'redo', '|',
|
|
|
- 'bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'superscript', 'subscript', 'removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist', 'selectall', 'cleardoc', '|',
|
|
|
- 'rowspacingtop', 'rowspacingbottom', 'lineheight', '|',
|
|
|
- 'customstyle', 'paragraph', 'fontfamily', 'fontsize', '|',
|
|
|
- 'directionalityltr', 'directionalityrtl', 'indent', '|',
|
|
|
- 'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', '|', 'touppercase', 'tolowercase', '|',
|
|
|
- 'link', 'unlink', 'anchor', '|', 'imagenone', 'imageleft', 'imageright', 'imagecenter', '|',
|
|
|
- 'insertimage', 'emotion', 'insertvideo', 'attachment', 'map', 'template', 'background', '|',
|
|
|
- 'horizontal', 'date', 'time', 'spechars', 'wordimage', '|',
|
|
|
- 'inserttable', 'deletetable', 'insertparagraphbeforetable', 'insertrow', 'deleterow', 'insertcol', 'deletecol', 'mergecells', 'mergeright', 'mergedown', 'splittocells', 'splittorows', 'splittocols', 'charts', '|',
|
|
|
- 'print', 'preview', 'searchreplace', 'help'
|
|
|
- ]],
|
|
|
- //关闭elementPath
|
|
|
- elementPathEnabled: false,
|
|
|
- });
|
|
|
- });
|
|
|
- $(function(){
|
|
|
- $("#fileToUpload").change(function(){
|
|
|
- var f = document.getElementById('fileToUpload').files[0];
|
|
|
- $.ajaxFileUpload({
|
|
|
- fileElementId : 'fileToUpload',
|
|
|
- url : 'uploadFindSkillImagesspf',
|
|
|
- dataType : 'json',
|
|
|
- data : {},
|
|
|
- async : true,
|
|
|
- error : function(data) {
|
|
|
- alert("网络异常，请重试");
|
|
|
- },
|
|
|
- success : function(message) {
|
|
|
-
|
|
|
- /* alert(message.msg);*/
|
|
|
-
|
|
|
- $("#imgOne").val(message.msg);
|
|
|
- chen();
|
|
|
- }
|
|
|
- });
|
|
|
- });
|
|
|
- })
|
|
|
- function chen(){
|
|
|
- $("#fileToUpload").change(function(){
|
|
|
- var f = document.getElementById('fileToUpload').files[0];
|
|
|
- $.ajaxFileUpload({
|
|
|
- fileElementId : 'fileToUpload',
|
|
|
- url : 'uploadFindSkillImagesspf',
|
|
|
- dataType : 'json',
|
|
|
- data : {},
|
|
|
- async : true,
|
|
|
- error : function(data) {
|
|
|
- alert("网络异常，请重试");
|
|
|
- },
|
|
|
- success : function(message) {
|
|
|
- /* alert(message.msg);*/
|
|
|
-
|
|
|
- $("#imgOne").val(message.msg);
|
|
|
- chen();
|
|
|
}
|
|
|
- });
|
|
|
- });
|
|
|
- }
|
|
|
- $(function () {
|
|
|
- $("#fileToUploads").change(function(){
|
|
|
- var f = document.getElementById('fileToUploads').files[0];
|
|
|
- $.ajaxFileUpload({
|
|
|
- fileElementId : 'fileToUploads',
|
|
|
- url : 'uploadFindSkillImagesspf',
|
|
|
- dataType : 'json',
|
|
|
- data : {},
|
|
|
- async : true,
|
|
|
- error : function(data) {
|
|
|
- alert("网络异常，请重试");
|
|
|
- },
|
|
|
- success : function(message) {
|
|
|
-
|
|
|
- $("#imgTwott").val(message.msg);
|
|
|
- chens();
|
|
|
+ /* fileToUploads.onchange=function(){
|
|
|
+ showIpts.src=URL.createObjectURL(this.files[0]);
|
|
|
+ console.log(this.files)
|
|
|
+
|
|
|
+ }*/
|
|
|
+
|
|
|
+ var ue = UE.getEditor('editor',{});
|
|
|
+
|
|
|
+ $(function(){
|
|
|
+ $('.skin-minimal input').iCheck({
|
|
|
+ checkboxClass: 'icheckbox-blue',
|
|
|
+ radioClass: 'iradio-blue',
|
|
|
+ increaseArea: '20%'
|
|
|
+ });
|
|
|
+
|
|
|
+ /*//表单验证
|
|
|
+ $("#form-article-add").validate({
|
|
|
+ rules:{
|
|
|
+ },
|
|
|
+ onkeyup:false,
|
|
|
+ focusCleanup:true,
|
|
|
+ success:"valid",
|
|
|
+ submitHandler:function(form){
|
|
|
+ $(form).ajaxSubmit();
|
|
|
+ var index = parent.layer.getFrameIndex(window.name);
|
|
|
+ //parent.$('.btn-refresh').click();
|
|
|
+ parent.layer.close(index);
|
|
|
+ }
|
|
|
+ });*/
|
|
|
+
|
|
|
+ $list = $("#fileList"),
|
|
|
+ $btn = $("#btn-star"),
|
|
|
+ state = "pending",
|
|
|
+ uploader;
|
|
|
+
|
|
|
+ var uploader = WebUploader.create({
|
|
|
+ auto: true,
|
|
|
+ swf: 'lib/webuploader/0.1.5/Uploader.swf',
|
|
|
+
|
|
|
+ // 文件接收服务端。
|
|
|
+ server: 'fileupload.php',
|
|
|
+
|
|
|
+ // 选择文件的按钮。可选。
|
|
|
+ // 内部根据当前运行是创建，可能是input元素，也可能是flash.
|
|
|
+ pick: '#filePicker',
|
|
|
+
|
|
|
+ // 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！
|
|
|
+ resize: false,
|
|
|
+ // 只允许选择图片文件。
|
|
|
+ accept: {
|
|
|
+ title: 'Images',
|
|
|
+ extensions: 'gif,jpg,jpeg,bmp,png',
|
|
|
+ mimeTypes: 'image/*'
|
|
|
+ }
|
|
|
+ });
|
|
|
+ uploader.on( 'fileQueued', function( file ) {
|
|
|
+ var $li = $(
|
|
|
+ '<div id="' + file.id + '" class="item">' +
|
|
|
+ '<div class="pic-box"><img></div>'+
|
|
|
+ '<div class="info">' + file.name + '</div>' +
|
|
|
+ '<p class="state">等待上传...</p>'+
|
|
|
+ '</div>'
|
|
|
+ ),
|
|
|
+ $img = $li.find('img');
|
|
|
+ $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 );
|
|
|
+ });
|
|
|
+ // 文件上传过程中创建进度条实时显示。
|
|
|
+ uploader.on( 'uploadProgress', function( file, percentage ) {
|
|
|
+ var $li = $( '#'+file.id ),
|
|
|
+ $percent = $li.find('.progress-box .sr-only');
|
|
|
+
|
|
|
+ // 避免重复创建
|
|
|
+ if ( !$percent.length ) {
|
|
|
+ $percent = $('<div class="progress-box"><span class="progress-bar radius"><span class="sr-only" style="width:0%"></span></span></div>').appendTo( $li ).find('.sr-only');
|
|
|
+ }
|
|
|
+ $li.find(".state").text("上传中");
|
|
|
+ $percent.css( 'width', percentage * 100 + '%' );
|
|
|
+ });
|
|
|
+
|
|
|
+ // 文件上传成功，给item添加成功class, 用样式标记上传成功。
|
|
|
+ uploader.on( 'uploadSuccess', function( file ) {
|
|
|
+ $( '#'+file.id ).addClass('upload-state-success').find(".state").text("已上传");
|
|
|
+ });
|
|
|
+
|
|
|
+ // 文件上传失败，显示上传出错。
|
|
|
+ uploader.on( 'uploadError', function( file ) {
|
|
|
+ $( '#'+file.id ).addClass('upload-state-error').find(".state").text("上传出错");
|
|
|
+ });
|
|
|
+
|
|
|
+ // 完成上传完了，成功或者失败，先删除进度条。
|
|
|
+ uploader.on( 'uploadComplete', function( file ) {
|
|
|
+ $( '#'+file.id ).find('.progress-box').fadeOut();
|
|
|
+ });
|
|
|
+ uploader.on('all', function (type) {
|
|
|
+ if (type === 'startUpload') {
|
|
|
+ state = 'uploading';
|
|
|
+ } else if (type === 'stopUpload') {
|
|
|
+ state = 'paused';
|
|
|
+ } else if (type === 'uploadFinished') {
|
|
|
+ state = 'done';
|
|
|
+ }
|
|
|
+
|
|
|
+ if (state === 'uploading') {
|
|
|
+ $btn.text('暂停上传');
|
|
|
+ } else {
|
|
|
+ $btn.text('开始上传');
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ $btn.on('click', function () {
|
|
|
+ if (state === 'uploading') {
|
|
|
+ uploader.stop();
|
|
|
+ } else {
|
|
|
+ uploader.upload();
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ var ue = UE.getEditor('editor');
|
|
|
+
|
|
|
+ });
|
|
|
+ $(function () {
|
|
|
+ var ue = UE.getEditor('introductions', {
|
|
|
+ //关闭字数统计
|
|
|
+ wordCount: false,
|
|
|
+ toolbars: [['fullscreen', 'source', '|', 'undo', 'redo', '|',
|
|
|
+ 'bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'superscript', 'subscript', 'removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist', 'selectall', 'cleardoc', '|',
|
|
|
+ 'rowspacingtop', 'rowspacingbottom', 'lineheight', '|',
|
|
|
+ 'customstyle', 'paragraph', 'fontfamily', 'fontsize', '|',
|
|
|
+ 'directionalityltr', 'directionalityrtl', 'indent', '|',
|
|
|
+ 'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', '|', 'touppercase', 'tolowercase', '|',
|
|
|
+ 'link', 'unlink', 'anchor', '|', 'imagenone', 'imageleft', 'imageright', 'imagecenter', '|',
|
|
|
+ 'insertimage', 'emotion', 'insertvideo', 'attachment', 'map', 'template', 'background', '|',
|
|
|
+ 'horizontal', 'date', 'time', 'spechars', 'wordimage', '|',
|
|
|
+ 'inserttable', 'deletetable', 'insertparagraphbeforetable', 'insertrow', 'deleterow', 'insertcol', 'deletecol', 'mergecells', 'mergeright', 'mergedown', 'splittocells', 'splittorows', 'splittocols', 'charts', '|',
|
|
|
+ 'print', 'preview', 'searchreplace', 'help'
|
|
|
+ ]],
|
|
|
+ //关闭elementPath
|
|
|
+ elementPathEnabled: false,
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
+ $(function(){
|
|
|
+ $("#fileToUpload").change(function(){
|
|
|
+ var f = document.getElementById('fileToUpload').files[0];
|
|
|
+ $.ajaxFileUpload({
|
|
|
+ fileElementId : 'fileToUpload',
|
|
|
+ url : 'uploadFindSkillImagesspf',
|
|
|
+ dataType : 'json',
|
|
|
+ data : {},
|
|
|
+ async : true,
|
|
|
+ error : function(data) {
|
|
|
+ alert("网络异常，请重试");
|
|
|
+ },
|
|
|
+ success : function(message) {
|
|
|
+
|
|
|
+
|
|
|
+ $("#imgOne").val(message.msg);
|
|
|
+ chen();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+ })
|
|
|
+ function chen(){
|
|
|
+ $("#fileToUpload").change(function(){
|
|
|
+ var f = document.getElementById('fileToUpload').files[0];
|
|
|
+ $.ajaxFileUpload({
|
|
|
+ fileElementId : 'fileToUpload',
|
|
|
+ url : 'uploadFindSkillImagesspf',
|
|
|
+ dataType : 'json',
|
|
|
+ data : {},
|
|
|
+ async : true,
|
|
|
+ error : function(data) {
|
|
|
+ alert("网络异常，请重试");
|
|
|
+ },
|
|
|
+ success : function(message) {
|
|
|
+ /* alert(message.msg);*/
|
|
|
+ $("#imgOne").val(message.msg);
|
|
|
+ chen();
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ });
|
|
|
}
|
|
|
- });
|
|
|
- });
|
|
|
- })
|
|
|
- function chens() {
|
|
|
- $("#fileToUploads").change(function () {
|
|
|
- var f = document.getElementById('fileToUploads').files[0];
|
|
|
- $.ajaxFileUpload({
|
|
|
- fileElementId: 'fileToUploads',
|
|
|
- url: 'uploadFindSkillImagesspf',
|
|
|
- dataType: 'json',
|
|
|
- data: {},
|
|
|
- async: true,
|
|
|
- error: function (data) {
|
|
|
- alert("网络异常，请重试");
|
|
|
- },
|
|
|
- success: function (message) {
|
|
|
-
|
|
|
- $("#imgTwott").val(message.msg);
|
|
|
- chens();
|
|
|
+ $(function () {
|
|
|
+ $("#fileToUploads").change(function(){
|
|
|
+ var f = document.getElementById('fileToUploads').files[0];
|
|
|
+ $.ajaxFileUpload({
|
|
|
+ fileElementId : 'fileToUploads',
|
|
|
+ url : 'uploadFindSkillImagesspf',
|
|
|
+ dataType : 'json',
|
|
|
+ data : {},
|
|
|
+ async : true,
|
|
|
+ error : function(data) {
|
|
|
+ alert("网络异常，请重试");
|
|
|
+ },
|
|
|
+ success : function(message) {
|
|
|
+ $("#imgTwott").val(message.msg);
|
|
|
+ chens();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+ })
|
|
|
+ function chens() {
|
|
|
+ $("#fileToUploads").change(function () {
|
|
|
+ var f = document.getElementById('fileToUploads').files[0];
|
|
|
+ $.ajaxFileUpload({
|
|
|
+ fileElementId: 'fileToUploads',
|
|
|
+ url: 'uploadFindSkillImagesspf',
|
|
|
+ dataType: 'json',
|
|
|
+ data: {},
|
|
|
+ async: true,
|
|
|
+ error: function (data) {
|
|
|
+ alert("网络异常，请重试");
|
|
|
+ },
|
|
|
+ success: function (message) {
|
|
|
+ showIpts.src=message.msg;
|
|
|
+ $("#imgTwott").val(message.msg);
|
|
|
+ chens();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
}
|
|
|
- });
|
|
|
- });
|
|
|
- }
|
|
|
- </script>
|
|
|
-
|
|
|
- <!--/请在上方写此页面业务相关的脚本-->
|
|
|
+ </script>
|
|
|
+ <!--/请在上方写此页面业务相关的脚本-->
|
|
|
</body>
|
|
|
</html>
|
origin