본문 바로가기

반응형

프로그래밍

(48)
jquery Formdata를 이용해 업로드 방법 jquery를 이용한 ajax 업로드 방법입니다. 페이지를 전환하지 않고 파일이나 자료등을 전송할 수 있습니다.
summernote 붙여넣은 파일로 저장하기 summernote에서 이미지들을 직접 붙여넣을 경우 base64인코딩 되는 형태로 전달되게 됩니다. 이걸 바로 db에 저장해버리면..... 용량이 어마무시 해지는데요.. 그럴때 해당 내용중 이미지태그만 분리해서 별도의 파일로 저장하는 방법입니다. $detail=$_REQUEST['memo']; // memo라는 필드로 값이 들어오게 될경우 //Prepare HTML & ignore HTML errors $dom = new \domdocument(); $dom->loadHtml(''.$detail, LIBXML_NOWARNING | LIBXML_NOERROR); // 인코딩을 넣지 않으면 한글이 깨지게 된다. //identify img element $images = $dom->getelementsbyt..
summernote 이미지 업로드시 폭 조절방법 $('#summernote').summernote({height: 300, focus:true, maxWidth:500, lang : 'ko-KR', callbacks: { onImageUpload: function(image) { var file = image[0]; var reader = new FileReader(); reader.onloadend = function() { var image = $('').attr('src', reader.result); image.attr('width','100%'); $('#summernote').summernote("insertNode", image[0]); } reader.readAsDataURL(file); } } }); 위에서 중요한 부분은, 콜백함수로 ..
phpspreadsheet 15자리 넘어가는 큰숫자 문자료 표기하기 $Rows = $spreadsheet->getActiveSheet()->getHighestRow(); // 줄수 계산 for($i=1; $igetActiveSheet()->getCell('A'.$i)->getValue(); $spreadsheet->getActiveSheet()->getCell('A'.$i) ->setValueExplicit( $cellValue, \PhpOffice\PhpSpreadsheet\Cell\DataType::TYPE_STRING ); }
react-native에서 네이버 클라우드펑션의 php로 업로드할때 let formData = new FormData(); formData.append('name', '이름); formData.append('phone', '123-123-123); formData.append('photo[]', { uri: '이미지주소', name: '파일명', 'image/jpeg' }); try { let response = await fetch("네이버 클라우드펑션/json", { method: 'POST', body: formData, headers: { 'content-type': 'multipart/form-data', }, }); let responseJson = await response.json(); console.log(responseJson); } catch (err..
[react native] firebase database를 이용한 메모장 앱 만들기 import { StatusBar } from 'expo-status-bar'; import React, { useState, useRef, useEffect } from 'react'; import {TextInput, SafeAreaView, FlatList, Button, StyleSheet, Text, View } from 'react-native'; import * as firebase from 'firebase'; var firebaseConfig = { apiKey: "--", authDomain: "--", projectId: "--", storageBucket: "--", messagingSenderId: "--", appId: "--" }; if(firebase.apps.length==..
[react native] 메모장 앱 만들기(리스트 타입) import { StatusBar } from 'expo-status-bar'; import React, { useState } from 'react'; import { SafeAreaView, StyleSheet, Text, TextInput, TouchableOpacity, View, FlatList, Alert } from 'react-native'; export default function App() { const [writeMode, setWriteMode] = useState(false); const [txt, setTxt] = useState(''); const orimemo = [ { id:'1', memo:'안녕하세요.' }, { id:'2', memo:'서기입니다.' }, { id:'..
[react native] 메모(저장 및 불러오기) 앱 import { StatusBar } from 'expo-status-bar'; import React, {useEffect, useState, } from 'react'; import { StyleSheet, Text, View, SafeAreaView, Button, TextInput } from 'react-native'; import AsyncStorage from '@react-native-async-storage/async-storage'; export default function App() { const [txt, setTxt] = useState('안녕하세요.'); useEffect(() => { loadData(); }, []); const saveData = async (value) ..

반응형