휘타로 앞머리 보기(모바일 사진 업로드)
사진을 올리는 것은 줄곧 어려운 일이니 오늘 여러분을 데리고 가 보세요!
효과 실현
vant 중의 van-action-sheet(동작 패널 구성 요소), van-uploader(사진 업로드 구성 요소), van-button(버튼), 그림 업로드에 사용된 리셋 함수after-read<van-action-sheet v-model="imgShow" cancel-text=" " @cancel="onCancel">
<p class="box">
<van-uploader>
<van-button> </van-button>
</van-uploader>
</p>
<p class="box">
<van-uploader :after-read="afterRead">
<van-button> </van-button>
</van-uploader>
</p>
</van-action-sheet>
afterRead(file) {
let content = file.file;
let data = new FormData();
data.append("file", content);
this.$http.imgList(data).then((res) => {
console.log(res);
this.$http.city({
avatar: res.data.data.path }).then((res) => {
console.log(res);
if (res.data.code == 200) {
Toast.success(res.data.msg);
this.imgShow = false;
this.getlist();
} else {
Toast.fail(res.data.msg);
}
});
});
}
주:
new FormData() 일련의 폼 컨트롤을 키 값으로 시뮬레이션합니다. 즉, 폼의 name와 value를 조립해서 하나queryString라고 합니다.비동기적으로 바이너리 파일 업로드let formData=new FormData()
formData.append() //
formData.get()//
formData.delete()//
주: 호출된 인터페이스는 봉인된 것입니다. 이 코드는 참고만 제공합니다.
총결산
초년생이니 어른들의 많은 가르침을 바랍니다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
static 간단한 설명static 방법은 일반적으로 정적 방법이라고 부른다. 정적 방법은 어떠한 대상에 의존하지 않고 접근할 수 있기 때문에 정적 방법에 있어this는 없다. 왜냐하면 그 어떠한 대상에도 의존하지 않기 때문이다. 대상이 ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
