사진을 업로드하면 필터가 합성된 사진을 저장할 수 있는 웹사이트를 만들어 보았어요.

생각보다 조금 복잡하게 만들어졌는데..😅 어떨지 모르겠네요.

한번 사용해 보시고 편하게 피드백 주시면 감사하겠습니다. 🙏

https://alw-week.bubbleapps.io/frame_1_1

작성
댓글달기 4
공감해요
나리

오!! 된다된다! 잘 되는 것 같아요! 컴퓨터로 해봤을 때! 모바일로도 한번 해볼께요!

댓글달기
공감해요 1
사진·파일
+ 파일 추가 (0/20)
업로드 취소
<div class='file-source-field' data-comment-form-new-record='true' data-target='comment-form.fileSourceField'><input type="hidden" name="comment[file_sources_attributes][NEW_RECORD][id]" id="comment_file_sources_attributes_NEW_RECORD_id" /><input type="hidden" value="0" name="comment[file_sources_attributes][NEW_RECORD][seq_no]" id="comment_file_sources_attributes_NEW_RECORD_seq_no" /><input type="hidden" value="false" name="comment[file_sources_attributes][NEW_RECORD][_destroy]" id="comment_file_sources_attributes_NEW_RECORD__destroy" /><input class="attachment" data-action="change->comment-form#changeFileSourceField" data-rule-filesize="26214400" type="file" name="comment[file_sources_attributes][NEW_RECORD][attachment]" id="comment_file_sources_attributes_NEW_RECORD_attachment" /><input type="hidden" name="comment[file_sources_attributes][NEW_RECORD][attachment_cache]" id="comment_file_sources_attributes_NEW_RECORD_attachment_cache" /></div>
<div class='image'> <img class='source' src='SRC'> <div class='btn btn-light btn-sm xclose' data-action='click->comment-form#removeFileSourceField'> × </div> </div>
<div class='doc'><i class='fa fa-floppy-o'></i> <span class='name'>NAME</span> <span class='size'>SIZE</span> <div class='btn btn-light btn-sm xclose' data-action='click->comment-form#removeFileSourceField'> × </div> </div>
TIP 최대 크기 25M 파일을 20개까지 업로드할 수 있습니다. 이미지는 드래그해서 순서를 조정할 수 있습니다.
빵장

ㅋㅋ 저도 해봤어요. 근데 모바일에서는 버튼이 안 눌러지던데요.

댓글달기
공감해요 2
나리
@빵장 악 넘 깜찍
댓글달기
공감해요 1
버드
@빵장 😻❤️ 모바일은 데스크탑 버전으로 설정을 바꾸셔야 해요. 웹사이트 첫 화면의 <클릭이 안 되시나요?> 버튼을 누르시면 방법이 나와요ㅎㅎ
댓글달기
공감해요
사진·파일
+ 파일 추가 (0/20)
업로드 취소
<div class='file-source-field' data-comment-form-new-record='true' data-target='comment-form.fileSourceField'><input type="hidden" name="comment[file_sources_attributes][NEW_RECORD][id]" id="comment_file_sources_attributes_NEW_RECORD_id" /><input type="hidden" value="0" name="comment[file_sources_attributes][NEW_RECORD][seq_no]" id="comment_file_sources_attributes_NEW_RECORD_seq_no" /><input type="hidden" value="false" name="comment[file_sources_attributes][NEW_RECORD][_destroy]" id="comment_file_sources_attributes_NEW_RECORD__destroy" /><input class="attachment" data-action="change->comment-form#changeFileSourceField" data-rule-filesize="26214400" type="file" name="comment[file_sources_attributes][NEW_RECORD][attachment]" id="comment_file_sources_attributes_NEW_RECORD_attachment" /><input type="hidden" name="comment[file_sources_attributes][NEW_RECORD][attachment_cache]" id="comment_file_sources_attributes_NEW_RECORD_attachment_cache" /></div>
<div class='image'> <img class='source' src='SRC'> <div class='btn btn-light btn-sm xclose' data-action='click->comment-form#removeFileSourceField'> × </div> </div>
<div class='doc'><i class='fa fa-floppy-o'></i> <span class='name'>NAME</span> <span class='size'>SIZE</span> <div class='btn btn-light btn-sm xclose' data-action='click->comment-form#removeFileSourceField'> × </div> </div>
TIP 최대 크기 25M 파일을 20개까지 업로드할 수 있습니다. 이미지는 드래그해서 순서를 조정할 수 있습니다.