Signature_pad: μ„œλ²„μ— 이미지 μ €μž₯

에 λ§Œλ“  2017λ…„ 03μ›” 26일  Β·  5μ½”λ©˜νŠΈ  Β·  좜처: szimek/signature_pad

μ•ˆλ…•ν•˜μ„Έμš”, κ°€μž₯ 쒋은 방법을 μ•Œκ³  μžˆμŠ΅λ‹ˆκΉŒ? λ‹€λ₯Έ μ‚¬λžŒμ΄ μ§ˆλ¬Έν•œ 것을 λ³΄μ•˜μ§€λ§Œ μ†”λ£¨μ…˜μ„ ν¬ν•¨ν•˜λŠ” κ°€μž₯ 쒋은 방법을 말할 수 μ—†μŠ΅λ‹ˆλ‹€. λ„μ™€μ£Όμ‹œκ² μŠ΅λ‹ˆκΉŒ?

μΊ”λ²„μŠ€ 크기λ₯Ό μ‘°μ •ν–ˆμœΌλ©° μ΄μƒμ μœΌλ‘œλŠ” νŽ˜μ΄μ§€ μ–΄λ”˜κ°€μ— μžˆλŠ” ν•„λ“œμ˜ μ΄λ¦„μ΄λ‚˜ μž„μ˜μ˜ 이름을 μ‚¬μš©ν•˜μ—¬ μ‚¬μ΄νŠΈλ₯Ό ν˜ΈμŠ€νŒ…ν•˜λŠ” λ‚΄ μ„œλ²„μ— 이미지λ₯Ό λ‹€μ‹œ μ €μž₯ν•˜λŠ” λ²„νŠΌμ΄ ν•„μš”ν•©λ‹ˆλ‹€.

감사 ν•΄μš”
μŠ€ν‹°λΈŒ

question

κ°€μž₯ μœ μš©ν•œ λŒ“κΈ€

λ‚˜λŠ” μ‚¬μš©μžμ—κ²Œ μœ μš©ν•œ 것을 λ§Œλ“€μ—ˆμŠ΅λ‹ˆλ‹€.

https://jsfiddle.net/d7ejkz1v/1/

방금 μ„œλͺ… νŒ¨λ“œ μ˜ˆμ œμ— μ—…λ‘œλ“œ μžλ°” 슀크립트 κΈ°λŠ₯을 μΆ”κ°€ν–ˆμŠ΅λ‹ˆλ‹€. ajaxλ₯Ό 톡해 λŒ€μƒ URL에 μ„œλͺ…을 μ—…λ‘œλ“œν•΄μ•Ό ν•©λ‹ˆλ‹€. μ„œλ²„ μΈ‘μ—μ„œλŠ” μ΄λŸ¬ν•œ μ„œλͺ…을 일반 파일 μ—…λ‘œλ“œλ‘œ μ²˜λ¦¬ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

λͺ¨λ“  5 λŒ“κΈ€

@lowe493 https://stackoverflow.comμ—μ„œ 이 μ§ˆλ¬Έμ„ ν•΄μ£Όμ„Έμš”

μ–΄μ¨Œλ“ , 그것은 당신이 그것을 μ–΄λ–»κ²Œ ν•˜κ³  싢은지에 달렀 있고 μ„œλ²„μ—μ„œ μ–΄λ–€ μ–Έμ–΄λ₯Ό μ‚¬μš©ν•˜κ³  μžˆλŠ”μ§€μ— 달렀 μžˆμŠ΅λ‹ˆλ‹€. λ””μŠ€ν¬μ— 직접 μ €μž₯ν•˜κ±°λ‚˜ S3 λ“±μœΌλ‘œ 보낼 수 있으며 λ§Žμ€ μ˜΅μ…˜μ΄ μžˆμŠ΅λ‹ˆλ‹€.

κ°€μž₯ μ‰¬μš΄ 방법은 XHR(Ajax)을 μ‚¬μš©ν•˜μ—¬ μ΄λ―Έμ§€μ˜ λ‚΄μš©μ„ μ„œλ²„λ‘œ λ³΄λ‚΄κ±°λ‚˜ λ‹¨μˆœνžˆ μˆ¨κ²¨μ§„ ν•„λ“œκ°€ μžˆλŠ” 양식을 λ§Œλ“€κ³  이 μˆ¨κ²¨μ§„ ν•„λ“œμ˜ 값을 λΌμ΄λΈŒλŸ¬λ¦¬μ—μ„œ κ°€μ Έμ˜¨ λ°μ΄ν„°λ‘œ μ„€μ •ν•˜λŠ” κ²ƒμž…λ‹ˆλ‹€.

μ•ˆλ…•ν•˜μ„Έμš”, μ €λŠ” λŒ€ν•™ ν”„λ‘œμ νŠΈλ₯Ό μœ„ν•΄ 이 μ„œλͺ… νŒ¨λ“œλ₯Ό κ΅¬ν˜„ν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€. μ΅œμ„ μ„ λ‹€ν•΄ μ„œλ²„λ‘œ 보내렀고 ν–ˆμ§€λ§Œ URL 크기가 μ»€μ„œ κ·Έλ ‡κ²Œ ν•  수 μ—†μŠ΅λ‹ˆλ‹€. PHPλ₯Ό μ‚¬μš©ν•˜μ—¬ 이미지λ₯Ό μ„œλ²„λ‘œ 보내고 μžˆμŠ΅λ‹ˆλ‹€. κ·ΈλŸ¬λ‚˜ URL이 URL 길이 μ œν•œμ„ μ΄ˆκ³Όν•©λ‹ˆλ‹€.
μ–΄μ¨Œλ“  URL 크기λ₯Ό μ€„μ΄λŠ” 방법이 μžˆμŠ΅λ‹ˆκΉŒ?

GET의 URL λ§€κ°œλ³€μˆ˜μ— λ„£λŠ” κ²ƒμ²˜λŸΌ 듀리지 μ•Šκ³  μš”μ²­ 본문에 νŽ˜μ΄λ‘œλ“œκ°€ μžˆλŠ” POSTλ₯Ό 톡해 데이터λ₯Ό 보내야 ν•©λ‹ˆλ‹€.

κ°μ‚¬ν•©λ‹ˆλ‹€

λ‚˜λŠ” μ‚¬μš©μžμ—κ²Œ μœ μš©ν•œ 것을 λ§Œλ“€μ—ˆμŠ΅λ‹ˆλ‹€.

https://jsfiddle.net/d7ejkz1v/1/

방금 μ„œλͺ… νŒ¨λ“œ μ˜ˆμ œμ— μ—…λ‘œλ“œ μžλ°” 슀크립트 κΈ°λŠ₯을 μΆ”κ°€ν–ˆμŠ΅λ‹ˆλ‹€. ajaxλ₯Ό 톡해 λŒ€μƒ URL에 μ„œλͺ…을 μ—…λ‘œλ“œν•΄μ•Ό ν•©λ‹ˆλ‹€. μ„œλ²„ μΈ‘μ—μ„œλŠ” μ΄λŸ¬ν•œ μ„œλͺ…을 일반 파일 μ—…λ‘œλ“œλ‘œ μ²˜λ¦¬ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

이 νŽ˜μ΄μ§€κ°€ 도움이 λ˜μ—ˆλ‚˜μš”?
0 / 5 - 0 λ“±κΈ‰