Vue 파일 업로드가 10MB보다 클 수 없다는 것을 인식하는 방법-프런트엔드 Q&A-php.cn

Vue 파일 업로드는 10MB를 초과할 수 없습니다. 구현 방법: 1. "index.vue"를 생성합니다. 2. 구조를 " "; 3. 논리 코드 "methods: {beforeUpload(file) {...}"를 사용하여 파일 크기를 결정합니다.

Vue 파일 업로드가 10MB보다 클 수 없다는 것을 인식하는 방법

이 튜토리얼의 운영 환경: Windows 10 시스템, vue3 버전, DELL G3 컴퓨터

vue 파일 업로드가 10MB보다 클 수 없도록 구현하는 방법은 무엇입니까?

vue, 업로드 업로드 구성 요소 el-upload는 -zip 형식을 사용하며 크기는 10M를 초과하지 않으며 토큰을 얻고 저장하기 위해 저장합니다

Effect

Vue 파일 업로드가 10MB보다 클 수 없다는 것을 인식하는 방법

Code

index.vue

Structure

   上传 zip格式，大小不超过10M    立即添加 取消

로그인 후 복사

Logic

로그인 후 복사

Storage

srcstoreindex.js

/* * @Descripttion: * @version: * @Author: * @Date: 2022-06-04 09:34:23 * @LastEditors: Please set LastEditors * @LastEditTime: 2022-06-04 11:20:26 */import Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);// 状态const state = { token: sessionStorage.getItem('token'), userInfo: JSON.parse(sessionStorage.getItem('userInfo')),}// mutations用来操作stateconst mutations = { // 保存token SAVE_TOKEN (state, token) { sessionStorage.setItem('token', token); state.token = token; }, // 保存用户相关信息 SAVE_USERINFO (state, userInfo) { sessionStorage.setItem('userInfo', JSON.stringify(userInfo)); state.userInfo = userInfo; },}export default new Vuex.Store({ state, mutations})

로그인 후 복사

추천 학습: " vue 비디오 튜토리얼"

위 내용은 Vue 파일 업로드가 10MB보다 클 수 없다는 것을 인식하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!