VUE+UEditor 단일 이미지 크로스 도 메 인 업로드 기능 의 실현 방법

2124 단어 vue사진 업로드
UEditor 홈 페이지 는 단일 그림 의 크로스 도 메 인 을 제공 하지 않 기 때문에 스스로 해결 할 수 밖 에 없다 고 합 니 다.인터넷 의 많은 방안 을 찾 아 보 았 지만 vue 와 함께 사용 하 는 것 을 보지 못 했 지만 생각 을 얻 었 습 니 다.너무 많은 소스 코드 를 고치 고 싶 지 않 은 토대 에서 시도 해 보 았 습 니 다...........................................................................
프론트:VUE
백 엔 드:WAMP+ThinkPHP 5.0
전단
http://localhost:8888
1.홈 페이지 에서 UEditor 를 vue 에 다운로드 하고 ueditor.config.js 설정 서버 경 로 를 엽 니 다(로 컬 도 메 인 이름 은 hosts 파일 에 추가 할 수 있 습 니 다).다음은 제 설정 입 니 다.
 
2.ueditor.all.js 를 열 어  
3.JSON 데 이 터 를 보 여 주 는 페이지 를 만 듭 니 다.저 는 직접 경로 매개 변수 로 되 돌아 온 결 과 를 받 은 후에 맞 추 었 습 니 다.JSON 전체 가 받 지 못 해서 뜯 을 수 밖 에 없 었 습 니 다.모든 JSON 이 표시 되 지 않 고 state 와 url 만 가 져 왔 습 니 다.인터페이스 에 접근 하지 않 고 어떤 방식 으로 백 엔 드 데 이 터 를 받 는 지 모 르 겠 습 니 다.좋 은 해결 방법 이 있 으 면 환영 합 니 다.
 
백 엔 드
http://localhost.server.com
1.UEditor 의 PHP 버 전 을 다운로드 하고 그 안에 있 는 PHP 폴 더 의 파일 을 프로젝트 에 복사 하여 Controller 의 출력 결과 에 판단 을 추가 합 니 다.단일 그림 은 결 과 를 직접 되 돌려 주지 않 습 니 다.
 
2.Config.json 접근 경로 와 저장 경로 수정
 
이렇게 하면 거의 완성 되 었 으 니 효과 단 도 를 보 세 요.

총결산
위 에서 말씀 드 린 것 은 편집장 님 께 서 소개 해 주신 VUE+UEditor 단일 이미지 크로스 도 메 인 업로드 기능 입 니 다.여러분 께 도움 이 되 셨 으 면 좋 겠 습 니 다.궁금 한 점 이 있 으 시 면 메 시 지 를 남 겨 주세요.편집장 님 께 서 바로 답 해 드 리 겠 습 니 다.여기 서도 저희 사이트 에 대한 여러분 의 지지 에 감 사 드 립 니 다!

좋은 웹페이지 즐겨찾기