liweichun
/
my-bookmark
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

初步测试了上传文件

This commit is contained in:
luchenqun 2017-02-09 22:59:40 +08:00
parent 44814144e9
commit c6cfbe69b1
6 changed files with 85 additions and 59 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
.gitignore vendored
View File

@ -35,3 +35,6 @@ jspm_packages
# Optional REPL history # Optional REPL history
.node_repl_history .node_repl_history
# Upload File
uploads

11
app.js
View File

@ -6,6 +6,7 @@ var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser'); var bodyParser = require('body-parser');
var session = require('express-session'); var session = require('express-session');
var mongoStore = require('connect-mongo')(session); var mongoStore = require('connect-mongo')(session);
var mount_uploadify = require('uploadify');
var routes = require('./routes/index'); var routes = require('./routes/index');
var users = require('./routes/users'); var users = require('./routes/users');
@ -42,6 +43,16 @@ app.use(session({
app.use(express.static(path.join(__dirname, 'public'))); app.use(express.static(path.join(__dirname, 'public')));
app.use('/', routes); app.use('/', routes);
mount_uploadify(app, {
path: '/fileupload',
fileKey: 'myfile',
multer: {
dest: 'uploads/'
},
callback: function(req) {
return req.files
}
});
app.use('/api', api); app.use('/api', api);
app.use('/users', users); app.use('/users', users);

3
package.json
View File

@ -18,6 +18,7 @@
"mysql": "^2.11.1", "mysql": "^2.11.1",
"node-readability": "^2.2.0", "node-readability": "^2.2.0",
"serve-favicon": "~2.3.0", "serve-favicon": "~2.3.0",
"supervisor": "^0.11.0" "supervisor": "^0.11.0",
"uploadify": "^1.0.7"
} }
} }

110
public/index.html
View File

@ -1,62 +1,60 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<head> <meta charset="utf-8">
<meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="bookmark">
<meta name="description" content="bookmark"> <meta name="author" content="luchenqun">
<meta name="author" content="luchenqun"> <title>我的书签-随时随地查看你的网络书签</title>
<title>我的书签-随时随地查看你的网络书签</title> <link href="/css/externe/semantic.min.css " rel="stylesheet"/>
<link href="/css/externe/semantic.min.css " rel="stylesheet" /> <link href="/css/externe/calendar.min.css" rel="stylesheet"/>
<link href="/css/externe/calendar.min.css" rel="stylesheet" /> <link href="/css/externe/toastr.min.css" rel="stylesheet"/>
<link href="/css/externe/toastr.min.css" rel="stylesheet" /> <link href="/css/style.css " rel="stylesheet"/>
<link href="/css/style.css " rel="stylesheet" /> <link href="http://hayageek.github.io/jQuery-Upload-File/4.0.10/uploadfile.css" rel="stylesheet">
<base href="/"> <base href="/">
</head> </head>
<body ng-app="bookmarkApp">
<body ng-app="bookmarkApp">
<div class="ui container">
<!-- directive：菜单 -->
<menus></menus>
<div class="ui container" style="width:100%;height:10px"></div>
<div class="ui container"> <div class="ui container">
<div ui-view></div> <!-- directive：菜单 -->
</div> <menus></menus>
<div class="ui divider"></div> <div class="ui container" style="width:100%;height:10px"></div>
<div class="foot" style="margin-bottom:10px;"> <div class="ui container">
<div class="ui segment container"> <div ui-view></div>
&nbsp;&nbsp;&nbsp;&nbsp;Copyright ©All Rights Reserved LCQ(假装网站有个页脚)&nbsp;&nbsp;|&nbsp;&nbsp;关于网站&nbsp;&nbsp;|&nbsp;&nbsp;联系我&nbsp;&nbsp;|&nbsp;&nbsp;我爱这个世界
</div> </div>
<div class="ui divider"></div>
<div class="foot" style="margin-bottom:10px;">
<div class="ui segment container">
&nbsp;&nbsp;&nbsp;&nbsp;Copyright ©All Rights Reserved LCQ(假装网站有个页脚)&nbsp;&nbsp;|&nbsp;&nbsp;关于网站&nbsp;&nbsp;|&nbsp;&nbsp;联系我&nbsp;&nbsp;|&nbsp;&nbsp;我爱这个世界
</div>
</div>
<!-- directive：书签编辑 -->
<edit></edit>
</div> </div>
<!-- directive：书签编辑 --> <script src="/scripts/externe/jquery-3.1.1.min.js"></script>
<edit></edit> <script src="/scripts/externe/toastr.min.js"></script>
</div> <script src="/scripts/externe/angular.min.js"></script>
<script src="/scripts/externe/angular-ui-router.min.js"></script>
<script src="/scripts/externe/jquery-3.1.1.min.js"></script> <script src="/scripts/externe/angular-cookies.min.js"></script>
<script src="/scripts/externe/toastr.min.js"></script> <script src="/scripts/app-angular.js"></script>
<script src="/scripts/externe/angular.min.js"></script> <script src="/scripts/services/bookmark-service.js"></script>
<script src="/scripts/externe/angular-ui-router.min.js"></script> <script src="/scripts/services/data-service.js"></script>
<script src="/scripts/externe/angular-cookies.min.js"></script> <script src="/scripts/services/pub-sub-service.js"></script>
<script src="/scripts/app-angular.js"></script> <script src="/scripts/directives/pagination-directive.js"></script>
<script src="/scripts/services/bookmark-service.js"></script> <script src="/scripts/directives/edit-directive.js"></script>
<script src="/scripts/services/data-service.js"></script> <script src="/scripts/directives/menus-directive.js"></script>
<script src="/scripts/services/pub-sub-service.js"></script> <script src="/scripts/directives/element-render-finish-directive.js"></script>
<script src="/scripts/directives/pagination-directive.js"></script> <script src="/scripts/directives/js-init-directive.js"></script>
<script src="/scripts/directives/edit-directive.js"></script> <script src="/scripts/controllers/bookmarks-controller.js"></script>
<script src="/scripts/directives/menus-directive.js"></script> <script src="/scripts/controllers/home-controller.js"></script>
<script src="/scripts/directives/element-render-finish-directive.js"></script> <script src="/scripts/controllers/settings-controller.js"></script>
<script src="/scripts/directives/js-init-directive.js"></script> <script src="/scripts/controllers/login-controller.js"></script>
<script src="/scripts/controllers/bookmarks-controller.js"></script> <script src="/scripts/controllers/tags-controller.js"></script>
<script src="/scripts/controllers/home-controller.js"></script> <script src="/scripts/controllers/advice-controller.js"></script>
<script src="/scripts/controllers/settings-controller.js"></script> <script src="/scripts/controllers/menus-controller.js"></script>
<script src="/scripts/controllers/login-controller.js"></script> <script src="/scripts/controllers/edit-controller.js"></script>
<script src="/scripts/controllers/tags-controller.js"></script> <script src="/scripts/controllers/search-controller.js"></script>
<script src="/scripts/controllers/advice-controller.js"></script> <script src="/scripts/externe/semantic.min.js"></script>
<script src="/scripts/controllers/menus-controller.js"></script> <script src="/scripts/externe/calendar.min.js"></script>
<script src="/scripts/controllers/edit-controller.js"></script> <script src="http://hayageek.github.io/jQuery-Upload-File/4.0.10/jquery.uploadfile.min.js"></script>
<script src="/scripts/controllers/search-controller.js"></script> </body>
<script src="/scripts/externe/semantic.min.js"></script>
<script src="/scripts/externe/calendar.min.js"></script>
</body>
</html> </html>

13
public/scripts/controllers/settings-controller.js
View File

@ -43,6 +43,19 @@ app.controller('settingsCtr', ['$scope', '$stateParams', '$filter', '$state', '$
} }
} }
setTimeout(function() {
$("#fileuploader").uploadFile({
url: "fileupload",
multiple: true,
dragDrop: true,
fileName: "myfile",
onSuccess: function(files, response, xhr, pd) {
console.log(JSON.stringify(response[0]));
},
});
}, 1000);
pubSubService.publish('Common.menuActive', { pubSubService.publish('Common.menuActive', {
login: true, login: true,
index: 3 index: 3

4
public/views/settings.html
View File

@ -6,7 +6,7 @@
</a> </a>
<a class="item" ng-class="{active:form[1]}" ng-click="changeForm(1)">书签显示设置 <a class="item" ng-class="{active:form[1]}" ng-click="changeForm(1)">书签显示设置
</a> </a>
<a class="item" ng-class="{active:form[2]}" ng-click="changeForm(2)">菜单设置 <a class="item" ng-class="{active:form[2]}" ng-click="changeForm(2)">上传书签
</a> </a>
</div> </div>
</div> </div>
@ -30,7 +30,7 @@
书签显示设置 书签显示设置
</form> </form>
<form class="ui form" ng-show="form[2]"> <form class="ui form" ng-show="form[2]">
菜单设置 <div id="fileuploader">Upload</div>
</form> </form>
</div> </div>
</div> </div>