javascript - JS 이미지 압축 및 파일로 업로드

WEBKIT에서는 이미지를 업로드할 때 JS 이미지 압축을 사용하며, 이미지 선택 시 이미지를 압축하여 해당 이미지의 BASE64 데이터를 얻은 후, 폼 제출 시 해당 이미지를 File 형태로 업로드하여 BASE 데이터를 얻었습니다. 하지만 업로드된 파일도 BASE64 데이터이므로 파일을 사용하여 multipart/form-dat를 직접 업로드할 수는 없습니다.

淡淡烟草味 2017-05-18 10:58:12 0  4  1719

문제: 이미지가 너무 느리게 로드됩니다.

Html, Css, Js, Php를 사용하여 크레이그리스트 같은 웹사이트를 만들었습니다. 사용자가 1MB보다 큰 이미지를 업로드하기 위해 클릭하면 페이지가 매우 느려지거나 실패합니다(503 오류). 100kb보다 작은 이미지는 문제가 없습니다. type=file 입력 태그와 미리보기 img 태그가 있는 PHP 페이지에 양식이 있습니다. >여기서는 문제 없습니다. 사용자가 제출 버튼을 클릭하면 양식은 입력 태그의 값을 업로드 코드가 포함된 다른 PHP 페이지로 전달합니다. 질문: 서버에 업로드하기 전 최고의 이미지 크기 조정

P粉676821490 2023-08-17 22:40:08 0  1  658

javascript - jQuery 파일 업로드 플러그인에 대한 질문

사용자는 input="file" 태그를 사용하여 그림을 선택합니다. 사용자가 선택한 그림을 캔버스에 그린 후 처리를 위해 base64 그림 데이터를 얻습니다. 그러면 이 결과를 jQuery 파일에 어떻게 넣을 수 있을까요? 업로드를 누른 다음 버튼을 클릭하세요. 업로드는 어떻게 되나요? {암호...}

淡淡烟草味 2017-06-10 09:49:07 0  1  663

data.json 파일에 접근할 수 없고 새로운 카드/구성 요소 필터링을 수행할 수 없는 문제가 발생했습니다.

그래서 이전 페이지에서 ID를 가져오도록 페이지를 설정했습니다. 이미지 4를 클릭하면 URL(/Food/4) 등이 표시됩니다. 그래서 이전 페이지에서 올바른 정보를 얻었습니다. 이제 문제는 가져오기를 사용하여 data.json 파일을 가져오고 json에서 정보를 가져온 다음 ID를 기반으로 페이지에 정보를 렌더링하는 것입니다. 따라서 이미지 4를 클릭하고 ID를 새 페이지에 전달하면 json 파일에서 이미지 4에 대한 데이터를 표시하려고 합니다. 나는 도끼를 포함하여 여러 가지 다른 가져오기 설정을 시도했습니다.

P粉032977207 2023-08-16 19:28:38 0  1  561

javascript - 파일을 브라우저로 드래그하여 가져오는 방법은 무엇입니까?

페이지에서 업로드하기 위해 클릭하면 입력 파일에서 파일[0]을 가져올 수 있습니다. 이제 이미지를 데스크탑에서 브라우저로 직접 드래그하면 됩니다. 파일[0]의 첫 번째 파일을 얻는 방법은 무엇입니까?

高洛峰 2017-06-12 09:25:02 0  1  734

javascript - JQuery는 점 표시 버튼을 통해 현재 요소의 ID를 가져오는 방법(동적 데이터의 ID를 가져오는 방법)

1. 표시된 이미지와 응시자 정보는 모두 DataList에 의해 반복됩니다. 이는 표시 버튼을 클릭하여 해당 시험 시간, 과목 코드 및 기타 정보를 얻는 것입니다. 이를 달성하려면 표시 버튼을 클릭하여 현재 후보자의 정보를 처리를 위해 백그라운드 방법으로 다시 보냅니다. JS는 어떻습니까?

PHP中文网 2017-05-19 10:18:00 0  2  777

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

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

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

javascript - IOS에서 포커스를 받는 mobiscroll.js 날짜 플러그인에 대한 버그

mobiscroll 날짜 플러그인을 사용하면 Android에서는 모든 것이 잘 작동합니다. 하지만 IOS에서는 초점을 맞추고 날짜를 선택하면 페이지 하단에 추가 항목이 표시됩니까? BUG 온라인으로 사진 보기: 해결되었습니까?

漂亮男人 2017-05-18 10:48:30 0  1  922

javascript - HTML에서 이미지, JS 및 CSS는 태그의 src 또는 url을 통해 서버에서 리소스를 얻습니다. 서버는 각 리소스에 해당하는 응답을 작성해야 합니까?

최근 Xiaobai가 nodeJS를 배우고 있는데, 제가 네트워크 프로그래밍을 할 때 브라우저는 먼저 입력된 주소를 통해 페이지에 HTTP 요청을 보낸 다음(서버가 요청에 응답하고 HTML 파일을 반환함) 그림을, HTML의 JS 및 CSS는 태그를 통해 전달됩니다. src 또는 href는 서버(또한 브라우저)에서 리소스를 가져옵니다.

为情所困 2017-06-17 09:16:59 0  1  1031

페이지에 이미지가 로드되지 않음

웹 애플리케이션에서 슬라이딩 이미지를 로드하려고 하며 이를 위해 Bootstrap 캐러셀을 사용하고 있습니다. 배경에서 사진을 찍으세요. 이미지는 이미지 상태로 저장됩니다. 다음은 데이터를 가져오는 JSON 형식입니다. Images:[{SNO:'1',NAME:'image.jpg',PIC_NAME:'image'}] 이미지를 업로드한 후 Nodejs의 특수 폴더에 저장되고 거기에서 엔드포인트를 사용하여 이미지를 추출합니다. 이미지. 다음은 Nodejs 코드입니다.

P粉238433862 2023-09-09 20:59:03 0  1  610

javascript - WEB에서 이모티콘 출력 문제에 대해 알려주세요.

웹채팅방 어플리케이션을 만들고 있는데 오늘은 이모티콘 보내기 기능을 추가하고 싶습니다. JS를 작성하는 동안 두 가지 문제에 직면했습니다. 질문 1: 탐색된 이모지 이미지에 클릭 이벤트를 추가할 때 쓰기 패널의 텍스트 내용을 #write 먼저 가져오려고 합니다. getElementById를 사용하여 ""를 가져오지만 $("#...

怪我咯 2017-06-30 09:56:01 0  1  831

javascript - 이미지 캐러셀 타이머 설정에 관한 기본 JS 및 jQuety

이미지 캐러셀과 관련하여 자동 재생 설정: 기본 JS 코드를 사용하는 경우 현재 두 가지 방법을 알고 있습니다. 첫 번째 방법: {code...} 두 번째 방법(oBtnNext는 획득한 버튼을 나타냄): { Code.. .} 여기에 요점이 있습니다. jQuery($("#next")를 사용하면 위와 동일하다는 것이 문제입니다.

大家讲道理 2017-07-05 10:58:00 0  1  1060

위챗 애플릿 계산기를 개발하면서 몇 가지 어려움을 겪었습니다. 알 수 없는 오류가 있는데, 영상에 적힌 내용과 같은 것 같습니다. 조언 부탁드립니다.

위챗 애플릿 계산기를 개발하면서 몇 가지 어려움을 겪었습니다. 알 수 없는 오류가 있는데, 영상에 적힌 내용과 같은 것 같으니, 예를 들어 문의드리고 싶습니다. "7+7"을 입력하면 결과는 일반적으로 14로 표시되지만 결과는 14가 됩니다. "+" 연산자를 두 번째로 클릭하면 콘솔에 오류가 표시됩니다! 출처를 클릭해서 잘못된 설명을 살펴봤으나 오류를 찾을 수 없었습니다. 정말 틀린 부분을 찾을 수가 없네요. 자세한 안내를 해주실 수 있다면 qq:1648407902를 추가해 주시면 됩니다. Q&am...

会玩的白先森 2018-03-24 16:43:36 0  1  1454

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

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

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

쿼리 제한 후 정렬 실험

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

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

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

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

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

AND, OR 및 NOT 연산자를 사용한 PHP 전체 텍스트 검색 기능

초보자 질문: PHP와 eloquent를 사용하여 검색 문자열에 대한 전체 텍스트 검색을 구현하려고 합니다. $searchstring="+(피해자)+범죄-covid";$searchresult=RssItem::whereRaw("MATCH(description)AGAINST('$searchstring'INBOOLEANMODE)")->ge

P粉076987386 2023-09-05 15:06:32 0  1  600

모든 PHP 유형을 문자열로 변환하는 가장 짧은 방법

나는 언젠가 의학과 같은 분야에 적용될 수 있기를 바라는 일반 시스템(즉, "과학적")을 작성하고 있습니다. 내 생각에 가장 좋은 방법은 PHP의 모든 데이터를 문자열로 표현하는 것입니다(true는 "true", false는 "false" 등). 그 이유는 PHP에서 모든 값은 고유한 문자열 표현(예: PHP 코드 자체)을 갖기 때문입니다. 이 프로그램의 설계 속도를 높이기 위해 이 질문을 게시합니다. 숫자, 부울 등 일부 값은 쉽게 문자열로 변환됩니다. 개체, 배열, 리소스 등...

P粉369196603 2023-09-05 15:34:44 0  1  1018

다른 열을 기준으로 그룹화하면서 MySQL에서 DATETIME 열의 평균을 얻는 방법

다음 쿼리를 사용하여 MySQL 테이블을 생성하고 채우고 있습니다. SETtime_zone='+00:00';CREATETABLEtimestamp_n_datetime(idINT,timeDATETIME,avg_timeDATETIME);INSERTINTOtimestamp_n_datetime(id,time,avg_time)VALUES("1","2023-01 -0310:

P粉460377540 2023-09-05 11:46:21 0  1  519

다중 장치(휴대폰) 동기화 - React Native

모든 사용자의 모바일 장치에서 동시에 실행되는 Lightshow를 만들려고 합니다(최대 2000-3000명의 사용자가 있을 수 있음). 모든 사용자는 인터넷(Wi-Fi 또는 모바일 데이터)을 사용합니다. FE에서는 구독을 위해 Apollo를 사용하는데 이는 정말 매력적입니다. 하지만 문제는 사용자 A가 사용자 B보다 더 빨리 구독 이벤트를 얻을 수 있다는 것입니다. 이는 사용자 A가 사용자 B보다 먼저 게임을 시작한다는 것을 의미합니다. 이는 우리가 라이트쇼 아키텍처를 사용하고 사용자가 더 일찍 또는 나중에 시작할 수 없기 때문에 ...

P粉151466081 2023-09-05 11:58:38 0  1  710