提供一个下载链接

This commit is contained in:
HelloWorld 2020-04-13 22:07:06 +08:00
parent e6af3742ac
commit 18fd732daa
2 changed files with 18 additions and 9 deletions

View File

@ -18,9 +18,12 @@ app.controller('settingsCtr', ['$scope', '$stateParams', '$filter', '$state', '$
$scope.key = ''; $scope.key = '';
$scope.url = ''; $scope.url = '';
$scope.quickUrl = {}; $scope.quickUrl = {};
$scope.loading = false;
$scope.href = "";
$scope.changeForm = async function (index) { $scope.changeForm = async function (index) {
console.log("changeForm = ", index); console.log("changeForm = ", index);
$scope.href = "";
$scope.form = $scope.form.map(() => false); $scope.form = $scope.form.map(() => false);
$scope.form[index] = true; $scope.form[index] = true;
if (index == 0 || index == 1 || index == 4) { if (index == 0 || index == 1 || index == 4) {
@ -113,8 +116,13 @@ app.controller('settingsCtr', ['$scope', '$stateParams', '$filter', '$state', '$
} }
$scope.exportBookmark = async function () { $scope.exportBookmark = async function () {
$scope.loading = true;
let fileName = await get('bookmarkBackup'); let fileName = await get('bookmarkBackup');
$window.open(`${document.location.origin}/api/bookmarkDownload?fileName=${fileName}`, '_blank'); $timeout(() => {
$scope.href = `${document.location.origin}/api/bookmarkDownload?fileName=${fileName}`;
$scope.loading = false;
$window.open($scope.href, '_blank');
})
} }
setTimeout(function () { setTimeout(function () {

View File

@ -61,7 +61,7 @@
</div> </div>
<form class="ui form" ng-show="form[2]"> <form class="ui form" ng-show="form[2]">
<h2 class="ui dividing header">上传浏览器书签到系统</h2> <h2 class="ui dividing header">上传浏览器书签到系统</h2>
<div id="fileuploader" style="min-width:100px">点我上传</div> <div id="fileuploader" style="min-width: 100px;">点我上传</div>
<div class="ui container js-p-info"> <div class="ui container js-p-info">
<p>注意事项</p> <p>注意事项</p>
<p>1、导入的方法是将浏览器里面收藏的网站导出HTML文件。然后将导出的HTML文件点击上面的<code>Upload</code>按钮上传到服务器。目前只测试过谷歌浏览器跟IE浏览器的书签导入。但是因为浏览器的标签是可以支持互相导入的我觉得应该是没问题的。如果不成功可以先将其他浏览器的书签导入谷歌浏览器再导出。</p> <p>1、导入的方法是将浏览器里面收藏的网站导出HTML文件。然后将导出的HTML文件点击上面的<code>Upload</code>按钮上传到服务器。目前只测试过谷歌浏览器跟IE浏览器的书签导入。但是因为浏览器的标签是可以支持互相导入的我觉得应该是没问题的。如果不成功可以先将其他浏览器的书签导入谷歌浏览器再导出。</p>
@ -72,7 +72,8 @@
<p>6、注意从浏览器导入进系统的书签没有浏览器目录的树形结构在浏览器没有目录的标签统统转入系统未分类目录下面。</p> <p>6、注意从浏览器导入进系统的书签没有浏览器目录的树形结构在浏览器没有目录的标签统统转入系统未分类目录下面。</p>
</div> </div>
<h2 class="ui dividing header">导出为浏览器书签</h2> <h2 class="ui dividing header">导出为浏览器书签</h2>
<button class="fluid ui button" ng-click="exportBookmark()">导出书签</button> <button class="fluid ui button" ng-class="{loading : loading}" ng-click="exportBookmark()">导出书签</button>
<p ng-if="href">如果没有自动下载,请点击此<a ng-href="{{href}}" target="_blank">{{href}}</a>进行下载,十分钟有效!若已下载,则此下载链接无效!</p>
</form> </form>
<div class="ui container js-p-info" ng-show="form[3]"> <div class="ui container js-p-info" ng-show="form[3]">
<h3 class="ui dividing header">为什么要做个网络书签</h3> <h3 class="ui dividing header">为什么要做个网络书签</h3>
@ -145,7 +146,7 @@
<span>{{value}}</span> <span>{{value}}</span>
</td> </td>
<td> <td>
<img class="ui mini spaced image" style="width:16px;height:16px;margin:0 1px" ng-src="./images/delete.png" ng-click="delUrl(key)" title="删除书签" /> <img class="ui mini spaced image" style="width: 16px; height: 16px; margin: 0 1px;" ng-src="./images/delete.png" ng-click="delUrl(key)" title="删除书签" />
</td> </td>
</tr> </tr>
</tbody> </tbody>