All Projects → luffyZh → Frontend Download Sample

luffyZh / Frontend Download Sample

Licence: mit
🎄 自己整理的一些项目中遇到过的关于上传和下载的一些Demo,仅供给位看官参考,避免踩坑,即插即用,欢迎fork和star🌟,为这个仓库添砖加瓦~(P.S. 个人认为如果没写过上传下载其实还是挺麻烦的~)

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Frontend Download Sample

Expo Three Demo
🍎👩‍🏫 Collection of Demos for THREE.js in Expo!
Stars: ✭ 76 (-46.48%)
Mutual labels:  demo, frontend
Koa Vue Notes Web
🤓 This is a simple SPA built using Koa as the backend, Vue as the first frontend, and React as the second frontend. Features MySQL integration, user authentication, CRUD note actions, and Vuex store modules.
Stars: ✭ 200 (+40.85%)
Mutual labels:  demo, frontend
Learning Pwa
📱some samples and blogs about how to start with your first PWA
Stars: ✭ 162 (+14.08%)
Mutual labels:  demo, frontend
Mern Authentication
MERN stack authentication boilerplate: password reset, email verification, server sessions, redux, hooks and docker for dev and prod.
Stars: ✭ 129 (-9.15%)
Mutual labels:  demo, frontend
Tcb Demo Basic
小程序·云开发系列教程——基础能力DEMO
Stars: ✭ 140 (-1.41%)
Mutual labels:  demo
4chan Downloader
Python3 script to continuously download all images/webms of multiple 4chan thread simultaneously - without installation
Stars: ✭ 136 (-4.23%)
Mutual labels:  download
Books
一些前端/设计相关的书籍(电子书)
Stars: ✭ 134 (-5.63%)
Mutual labels:  frontend
Tensor
Tensor - Comprehensive web-based automation framework and Centralized infrastructure management platform
Stars: ✭ 136 (-4.23%)
Mutual labels:  frontend
Daily Apps
Everything you see on Daily 👀
Stars: ✭ 141 (-0.7%)
Mutual labels:  frontend
27daysofcode
A repo with small projects
Stars: ✭ 140 (-1.41%)
Mutual labels:  demo
Flutter Tiktok Ui Api Clone
Flutter Tiktok UI API Clone
Stars: ✭ 139 (-2.11%)
Mutual labels:  demo
Spring Boot Vuejs
Example project showing how to build a Spring Boot App providing a GUI with Vue.js
Stars: ✭ 1,818 (+1180.28%)
Mutual labels:  frontend
Awesome Ember
A curated list of awesome Ember.js stuff like addons, articles, videos, gists and more.
Stars: ✭ 140 (-1.41%)
Mutual labels:  frontend
Learnquery
Learn JavaScript fundamentals by building your own jQuery equivalent library
Stars: ✭ 136 (-4.23%)
Mutual labels:  frontend
Download Manager
谷歌浏览器下载管理器插件【A chrome extension for managing download】
Stars: ✭ 141 (-0.7%)
Mutual labels:  download
Framework
Strongly-typed JavaScript object with support for validation and error handling.
Stars: ✭ 136 (-4.23%)
Mutual labels:  frontend
Demos
demos 一个简洁的web开发编辑器
Stars: ✭ 138 (-2.82%)
Mutual labels:  demo
Magnetx
资源搜索型软件 macOS OSX magnet
Stars: ✭ 1,819 (+1180.99%)
Mutual labels:  download
Gameframework demo
基于Unity3D框架Game Framework( http://gameframework.cn )的教程和实例,对应教程:http://www.benmutou.com/archives/category/unity3d/game-framework
Stars: ✭ 138 (-2.82%)
Mutual labels:  demo
Kaetram Open
An open-source 2D HTML5 adventure based off BrowserQuest (BQ).
Stars: ✭ 138 (-2.82%)
Mutual labels:  demo

frontend-download-sample

自己整理的一些项目中遇到过的关于上传和下载的一些Demo,大前端系列(也就是纯前端 + node端完成的下载,只要获取到数据下载工作全是前端来做),仅供给位看官参考,避免踩坑,即插即用,欢迎fork和star🌟,为这个仓库添砖加瓦~(P.S. 个人认为如果没写过上传下载其实还是挺麻烦的~)

写在前面

我平时在项目中接触的也就是一些上传图片,上传安装包,下载图片,下载安装包以及整理数据生成excel文件下载下来。暂时还没有接触过其他类型的,所以本项目可能有一定的局限性,只是给大家提供一种思路或者方案,有其他想法欢迎评论~

纯前端下载形式

演示Demo

  第一步: npm install -g http-server

  第二步: 进入工程目录

  第三步: $ http-server

  第四步: 浏览器输入 http://127.0.0.1:8080/

基于a标签下载

基于location&iframe下载

前端下载利器FileSaver

node端配合下载(大前端)

演示Demo

  第一步: cd node-demo

  第二步: yarn install

  第三步: yarn start

  第四步: 在浏览器 http://localhost:3006/ 查看Demo

先下载到本地再下载到浏览器

直接下载到浏览器 => [推荐]

详细文档

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].