formData를 사용하여 파일 배열을 업로드하는 방법

input type='file'을 다시 클릭하면 이전 fileList를 덮어쓰게 되기 때문에 먼저 선택한 파일을 미리보기 이미지로 base64로 변환합니다. 여러 번 추가할 수 있는데 업로드할 때 미리보기 이미지를 여러 개 추가하려면 어떻게 해야 하나요? formdata 개체에 추가하고 백그라운드에서 매개변수를 허용합니다.

PHP中文网 2017-07-05 11:02:53 0  3  1675

입력 유형=파일을 이미지로 대체

많은 사람들처럼 나도 보기 흉한 inputtype=file을 사용자 정의하고 싶지만 일부 해킹 및/또는 자바스크립트 없이는 이 작업을 수행할 수 없다는 것을 알고 있습니다. 그런데 문제는 제 경우에는 파일 업로드 버튼이 이미지 업로드(jpeg|jpg|png|gif) 전용이므로 "클릭 가능한" 이미지를 입력 형식 파일과 동일하게 사용할 수 있는지 알고 싶습니다. (대화상자를 표시하고 제출된 페이지에 동일한 $_FILE을 표시합니다). 여기서도 흥미로운 해결 방법을 찾았습니다(그러나 Chr에서는 작동하지 않습니다).

P粉567281015 2023-10-13 13:47:35 0  1  733

내 웹사이트 코드가 문서에서 열면 작동하는데도 Google Chrome에서 실행되지 않습니다.

웹 호스팅 서비스에 모든 변경 사항을 업로드하고 Google Chrome에서 내 웹사이트(https://cecilia-fornes.tech/accueil.html)와 헤더 및 탐색 표시줄(열면 햄버거 메뉴로 변환됨) 모바일 장치를 확인했습니다. 예상대로 작동하지 않습니다. 모바일 장치에서는 숨겨진 메뉴가 있고 대형 화면에서는 보이는 메뉴가 있는 페이지 상단의 블록에 위치할 것으로 예상됩니다. 그런데 메뉴가 2개나 뜨는데 이유를 모르겠습니다. 그리고 내 컴퓨터의 폴더에서 페이지를 열려고 하면

P粉451614834 2024-02-25 23:13:24 0  1  378

javascript - for 루프 코드의 실행 순서에 대한 질문

위챗 애플릿에서는 캔버스를 클릭하여 그림으로 변환한 후 미리보기하는 기능이 구현되어 있습니다. for 루프에서 비동기 메소드가 호출되기 때문에 온라인 제안을 참조하고 내부에서 즉시 실행 기능을 사용합니다. for 루프. 많은 테스트 후에 가끔 콘솔에서 "loop index is 1"이 먼저 인쇄되는 것을 발견했습니다.

高洛峰 2017-06-24 09:43:08 0  1  783

비동기 - Python의 내장 함수 중 일부가 차단되나요, 아니면 비차단인가요?

나는 항상 몇 가지 질문을 가지고 있었습니다. Python의 일부 기능과 공통 라이브러리가 차단됩니까? 예를 들어 인쇄, 소켓 연결 등입니다. 차단, 비차단, 비동기 등에 대한 간단한 솔루션이 있습니까? 비동기 병렬 처리를 명확하게 지원하는 언어가 있습니까? 나는 nodejs 콜백을 사용해 보았지만 최신 ES에는 그런 현상이 있는 것 같습니다.

黄舟 2017-07-05 10:34:24 0  1  993

특정 속성이나 태그가 포함된 div 요소를 대상으로 CSS 선택기를 사용하는 방법은 무엇입니까?

저는 웹사이트를 생성하는 POS 시스템을 개발하고 있습니다. 대부분의 코드는 독점이므로 편집할 수 없습니다. 일부 이미지가 카테고리로 떠 있는 카테고리 출력 목록이 있습니다. 홈 페이지에 나열된 처음 3개를 숨기고 싶습니다. 작동하는 div:nth-child(1)를 사용하여 포함된 div의 위치를 ​​지정해 보았지만 각 하위 페이지도 이를 숨깁니다. 아쉽게도 홈페이지가 아닌 모든 페이지는 본문과 메인 div에만 클래스가 추가되어 있어서 카테고리 ID나 스타일, 페이지별로는 할 수 없습니다. 내가 가지고 있는 것은 모든 페이지에 동일...

P粉493313067 2024-04-03 22:25:59 0  1  455

MySQL: 모든 결과를 루프로 결합(UNION을 사용할 수도 있음)

편집: 이미 해결 및 답변: 그러나 비슷한 질문이 있는 경우 프로세스가 어떻게 작동하는지 자유롭게 읽고 확인하십시오. 배경 저는 "sea_dew_potion"이라는 프로세스를 생성하고 "loopseadew"라는 루프 안에 배치했습니다. 루프는 예상대로 작동합니다. 문제 내 루프는 18개의 결과를 생성하지만 단일 결과 집합에 포함하여 이를 Tableau로 내보내 여러 데이터 요소가 포함된 꺾은선형 차트를 만들어 일종의 곡선을 형성할 수 있기를 원합니다. 몇 가지 조사를 한 후에 UNION이 작동할 ...

P粉897881626 2024-02-17 15:31:33 0  1  407

PHP 페이지의 로더를 표시하는 방법은 무엇입니까?

나는 각각 HTML 웹 페이지에 해당하는 여러 개의 .php 페이지를 가지고 있습니다. 각 페이지를 완전히 처리하고 로드하는 데 약 1분 정도 걸립니다. 페이지가 완전히 로드되면 사용자에게 로딩 이미지를 표시하고 싶습니다. 나는 이미지를 먼저 로드하고 .php가 처리되는 동안 기본 콘텐츠를 숨겨 두는 것과 같은 논리적인 방법을 생각했습니다. PHP가 로드되면 JavaScript가 기본 콘텐츠를 배치하는 트리거 역할을 하는 요소를 에코할 수 있습니다. 숨김에서 차단으로 변경됩니다. 하지만 아파치가 PHP를 먼저 로드한 다음 로드해야 ...

P粉651109397 2024-01-10 16:52:02 0  1  503

Vue3 Typescript의 유형에 존재하지 않는 속성 문제 해결

API의 단서로 구성 요소를 채우려고 합니다. 내 vue 템플릿 파일과 함께 LeadService 파일이 있습니다. 내가 겪고 있는 문제는 템플릿 파일에 대해 비동기 호출을 사용하고 있는데 작동하지만 값을 계산하려고 하면 propertydoesnotexitontype 오류가 발생한다는 것입니다. 실제로 작동하며 오류 메시지 뒤에 있는 올바른 구성 요소를 볼 수 있습니다. 오류를 없애는 방법을 모르겠습니다. 다음은 LeadService.tsimportApiServicefrom 서비스 클래스입니다.

P粉336536706 2024-03-25 18:27:18 0  1  801

Google Apps Script를 사용하여 Google Forms를 사용하지 않고 내 Google Drive에 직접 파일을 업로드합니다.

따라서 기본적으로 작업은 매우 간단하지만 내 문제에 대한 실행 가능한 해결책을 찾지 못했습니다. 내 웹사이트(현재는 localhost)에 거대한 업로드 스크립트가 있지만 모든 복잡성을 필요한 것만으로 줄이겠습니다. 그래서 저는 GoogleAppScript를 사용하여 단일 파일을 Google 드라이브에 업로드하고 URL을 받아 var에 저장하여 나중에 해당 정보를 내 기능에서 사용하고 싶습니다. 이제 문제는 내 웹사이트에 이미 양식이 있고 script.google.com 안에 테이블을 추가하고 싶지 않다는 것입니다.

P粉785905797 2024-01-21 15:39:43 0  2  606

경로에 액세스하기 전에 경로 데이터를 미리 로드하는 가장 좋은 방법입니다.

특정 경로에 대한 페이지를 렌더링하기 전에 먼저 필요한 데이터를 동기식으로 가져오고 싶습니다. 이상적으로는 페이지 구성 요소에서 데이터를 가져오고 싶지만 라우터 파일에서 데이터를 가져오는 것에 반대하지는 않습니다. 다양한 접근 방식을 읽고 시도했지만, 구성 요소를 구축하는 방법이 여러 가지가 있고 특정 기능의 사용이 다양하다는 사실에서 문제가 발생했습니다. 제 경우에는 CompositionAPI와 구문을 사용하여 단일 파일 구성 요소를 빌드합니다. VueRouter 문서 링크는 beforeRouteEnte에 액세스할 수 있는 &qu...

P粉197639753 2023-11-17 14:54:42 0  2  1146

React 하위 구성 요소는 useEffect 내부의 비동기 함수에서 상태 변경을 감지할 수 없습니다.

useState 내부에 있는 비동기 함수 내에서 생성된 상태를 전달하려고 합니다. 나는 useRef가 변경 가능한 상태를 참조할 수 있기 때문에 아마도 이 문제를 해결하는 가장 좋은 방법이라는 것을 배웠고, 그 과정에서 React-useStateRef에 대해 배웠습니다. 이는 마침내 내 메인 구성 요소 내부의 상태가 업데이트되지 않은 또 다른 문제를 해결했습니다. 문제(계속 " 렌더링이 너무 많습니다' 오류). 따라서 이는 본질적으로 useRef와 useState가 하나로 통합된 역할을 합니다. 그러나 내 상태가 최종적으로...

P粉609866533 2023-09-02 12:55:44 0  1  539

PromiseRejectionEvent 위치 정보 가져오기

비동기 함수에서 오류가 발생할 수 있는 코드가 있는데 unhandledrejection 이벤트를 사용하여 처리하고 있습니다. 잡히지 않은 오류는 Promise 내에서 발생하기 때문에 오류 이벤트를 발생시키지 않기 때문입니다. 따라서 내 오류 처리기는 ErrorEvent 대신 PromiseRejectionEvent를 가져옵니다. 지금까지는 훌륭했고 오류 처리도 잘 작동했습니다. 하지만 여기에는 PromiseRejectionEven이라는 작은 문제가 있습니다.

P粉447785031 2024-02-17 18:06:26 0  1  545

React 또는 Vue에서 가상 DOM의 내부 작동 이해

저는 학생이고 React, Vue 등과 같은 다른 유명한 프레임워크처럼 대학 프로젝트를 위한 가상 DOM을 만들려고 합니다(소품이나 이벤트와 같은 고급 기능은 없으므로 간단하게 유지하겠습니다). . 여러 코드 파일(코드 분할)이 있는 경우를 알고 싶습니다. 깊은 하위 요소를 변경하는 경우 전체 가상 DOM(모든 하위 요소 및 상위 요소 포함)을 비교해야 합니까, 아니면 해당 하위 요소만 비교해야 합니까? 완전한 새 가상 DOM(모든 하위 항목 포함)을 이전 가상 DOM과 비교해야 하는 경우. 그래서

P粉451614834 2024-02-03 17:01:18 0  1  525

중복된 항목이 있는 경우 JSON 개체의 다른 콘텐츠를 기반으로 JSON 데이터를 찾는 방법은 무엇입니까?

현재 웹사이트에서 일부 데이터 차트를 구현하고 있으며 일부 데이터, 특히 일부 ID 번호, 일부 날짜 및 일부 데이터 포인트가 포함된 JSON이 있습니다. 동일한 ID 아래에 여러 날짜가 있기 때문에 본질적으로 "이 ID와 월을 사용하여 JSON 개체를 찾은 다음 해당 개체에서 데이터 포인트 번호를 가져오는" 방법을 찾고 있습니다. 이것을 달성하는 방법에 대한 도움이 있습니까? 파일이 매우 크기 때문에 가능하면 반복하지 않는 것이 가장 좋습니다. JSON의 예를 제공하겠습니다: [{"ID":&qu...

P粉713846879 2024-04-04 10:57:45 0  1  586

슬롯을 사용하여 캐러셀을 만드는 방법은 무엇입니까?

사람들은 일련의 이미지를 사용하여 캐러셀을 만드는 동일한 방법을 계속 보여주었습니다. 그러나 캐러셀의 각 슬라이드에 라이트박스 구성 요소가 포함되기를 원하기 때문에 이 접근 방식은 융통성이 없습니다. 이 경우 캐러셀 배열에 넣은 이미지에 대한 라이트박스 기능을 재정의하고 싶지 않습니다. 정말 좋지 않나요? 코드를 적게 작성하고 Vue.js의 재사용 가능한 구성 요소를 그 어느 때보다 유용하게 만드세요. 슬롯을 사용하는 아주 좋은 예를 찾았습니다. GitHub의 SSENSE가 만든 VueCarousel. 능숙하지 않은 웹 개발자로서 ...

P粉817354783 2024-01-10 16:53:13 0  1  446

이 멋진 튜토리얼처럼 zod 및 React-hook-form을 사용하여 양식 유효성 검사를 기록하는 방법은 무엇입니까?

나는 svelte의 zod 검증 튜토리얼을 따르려고 노력합니다. 나는 이것에 대한 경험이 없기 때문에 간단한 React/next 앱에서 이 코드 기능을 어떻게 복제할 수 있는지 궁금합니다. 비동기 함수에 무엇({request})이 전달될 것인지에 대해 고민하고 있습니다. 또한 useEffect 내에서 이 작업을 수행해야 할까요, 아니면 양식 제출 시에만 호출해야 할까요? 내보내기constactions={default:async({요청})=>{constformData=O

P粉421119778 2024-01-28 23:16:11 0  1  528

문제 2003(HY000) 해결 방법: MySQL 서버 'db_mysql:3306'에 연결할 수 없습니다(111).

최근에 FastAPIPython 서버를 컨테이너화하려고 했습니다(복제/배가 목적으로도). 이전에는 Docker 컨테이너에 MySQL 서버만 있으면 모든 것이 괜찮았지만 웹 서버도 서비스로 만들었을 때 MySQL 서버에 연결할 수 없어 이제는 애플리케이션이 작동하지 않습니다. 다음은 fromfastapiimportFastAPIimportmysql.connectorapp 애플리케이션에 있는 서버 데이터베이스 초기화 커넥터의 코드 조각입니다.

P粉178132828 2023-09-05 11:18:47 0  1  889

쿼리 제한 후 정렬 실험

이것이 나의 첫 번째 질문입니다. 문제가 있으면 용서해 주십시오. 제약 조건을 기반으로 정렬 쿼리를 만들려고 합니다. 따라서 90개의 레코드가 있는 Customers 테이블이 있습니다. 먼저 3개의 레코드로 제한된 쿼리를 수행한 다음 ContactName이라는 열을 기준으로 이 쿼리의 결과를 정렬하려고 합니다. 내 생각에 이것은 중첩된 쿼리일 수 있습니다. 중첩 쿼리는 SQLServer에서 잘 실행되지만 MySQL에서 구현하는 방법을 모릅니다. 제한 쿼리: Select*fromcustomerslimit

P粉237125700 2023-09-05 14:46:42 0  1  774

CSS 그리드: 하위 콘텐츠가 열 너비를 초과할 때 새 행 생성

CSS 그리드를 기반으로 하는 두 개의 열 레이아웃이 있습니다. 두 번째 열의 내용이 1fr을 초과하면 새 행을 만들고 싶습니다. 현재로서는 내용이 단순히 열을 넘치게 됩니다. 이 레이아웃의 요구 사항 중 하나는 오른쪽 메뉴 열의 항목이 한 행에 있어야 한다는 것입니다. .right-menu{...grid-auto-flow:columndense;...}를 사용하여 이를 달성합니다. Grid-auto-flow 속성을 제거하면 오버플로가 중지됩니다. 그러나 항목이 이제 여러 행으로 쌓여 있어 내가 원하는 것이 아닙니다. .ri 변환도 ...

P粉212114661 2023-09-05 15:18:28 0  1  652