내 웹 사이트의 클립 보드에서 이미지를 붙여 넣으려고합니다 (예 : 복사 및 붙여 넣기). 누군가가 이것에 조언 할 수 있으면 감사하십시오. HTML 5 또는 애플릿 또는 어떤 방식 으로든이 작업을 수행 할 수 있습니까? 모든 조언이나 참조 용 링크는 높이 평가됩니다.클립 보드에서 이미지 붙여 넣기
1
A
답변
1
자바 스크립트로 관리해야합니다.
자바 스크립트
if (!window.Clipboard) {
var pasteCatcher = document.createElement("apDiv1");
pasteCatcher.setAttribute("contenteditable", "");
pasteCatcher.style.opacity = 0;
document.body.appendChild(pasteCatcher);
pasteCatcher.focus();
document.addEventListener("click", function() { pasteCatcher.focus(); });
}
window.addEventListener("paste", onPasteHandler);
function onPasteHandler(e)
{
if(e.clipboardData) {
var items = e.clipboardData.items;
if(!items){
alert("Image Not found");
}
for (var i = 0; i < items.length; ++i) {
if (items[i].kind === 'file' && items[i].type === 'image/png') {
var blob = items[i].getAsFile(),
source = window.webkitURL.createObjectURL(blob);
pastedImage = new Image();
pastedImage.src = source;
pasteData();
}
}
}
}
function pasteData()
{
drawCanvas = document.getElementById('drawCanvas1');
ctx = drawCanvas.getContext('2d');
ctx.clearRect(0, 0, 640,480);
ctx.drawImage(pastedImage, 0, 0);
}
DIV
<div id="apDiv1" contenteditable='true'>Paste Test</div>
0
애플릿이 서명되지 않은 경우에도 JNLP API를 사용할 수 있습니다.
ClipboardService cs = (ClipboardService)ServiceManager.lookup("javax.jnlp.ClipboardService");
Image c = (Image)cs.getContents().getTransferData(DataFlavor.imageFlavor);
0
처음
, 파일 (이미지) 서버를 만드는.
그런 다음 js를 사용하여 붙여 넣기 이벤트를 수신합니다. 코드 키워드 :
addEventListener 'paste' clipboard image
다음 파일 서버에 아약스 업로드를 사용하여. 아약스는 URL을 resp.
마지막으로 URL로 img 태그를 작성합니다.
애플릿이 오래되었습니다 ... 무시합니다.
관련 문제
- 1. 클립 보드에서 이미지 붙여 넣기 javadript
- 2. 클립 보드에서 Excel로 이미지 붙여 넣기
- 3. 안드로이드 클립 보드에서 붙여 넣기
- 4. 이미지를 클립 보드에서 워드 문서로 붙여 넣기
- 5. 클립 보드에서 붙여 넣기 및 자동 토글 : 붙여 넣기 설정
- 6. 모든 브라우저에서 클립 보드에서 붙여 넣기 버튼
- 7. 자바 클립 보드에서 붙여 넣기 작업을 호출합니다.
- 8. redactor 클립 보드에서 이미지 복사 및 붙여 넣기
- 9. 클립 보드에서 이미지 복사 및 붙여 넣기, blob 오류
- 10. ie10은 클립 보드에서 이미지 붙여 넣기를 지원합니까?
- 11. 복사 된 파일을 클립 보드에서 파일 시스템에 붙여 넣기
- 12. 자바 스크립트를 사용하여 클립 보드에서 콘텐츠 복사/붙여 넣기
- 13. 휴대 전화를 다시 시작한 후 클립 보드에서 텍스트 붙여 넣기
- 14. OSX에서 "+ p or"* p를 사용하여 클립 보드에서 붙여 넣기 하시겠습니까?
- 15. Javascript - 클립 보드에서 Excel의 특정 셀에 붙여 넣기
- 16. 클립 보드에서 Flex 4 DataGrid 셀에 붙여 넣기
- 17. 클립 보드에서 powershell을 사용하여 Excel 셀에 데이터 붙여 넣기
- 18. 클립 보드에서 Firefox 및 Chrome으로 텍스트 붙여 넣기
- 19. 다른 앱에서 버튼을 사용하여 클립 보드에서 텍스트 붙여 넣기 (Android)
- 20. Macgap 앱에서 클립 보드의 붙여 넣기 이미지 처리 방법
- 21. 클립 보드에서 이미지 복사
- 22. Silverlight에 이미지 붙여 넣기
- 23. 안드로이드에서 클립 보드에 붙여 넣기
- 24. 붙여 넣기 클립 보드의 내용이
- 25. 붙여 넣기
- 26. ASP.NET MVC 클립 보드에 붙여 넣기
- 27. 클립 보드에서 DataGridView를 검색하려면 어떻게해야합니까? (클립 보드에서 Null로 끝납니다.)
- 28. 클립 보드에서 붙여 넣은 이미지 가져 오기 Firefox
- 29. 하이라이트 복사 및 붙여 넣기 VIM에 붙여 넣기
- 30. wxPython으로 클립 보드에서 이미지 읽기
* "이것을 사용하여 얻을 수 있습니까 .. 애플릿"* 예. 하지만 디지털 서명이 필요하며 사용자의 지시에 따라 신뢰할 수 있어야합니다. BTW - 이미지를 웹 사이트에 업로드해야합니다 (예 : 다른 사람들이 나중에 볼 수 있음)? –
@AndrewThompson 시나리오는 내 사용자가 자신의 오류를 촬영하여 내 웹 사이트에 붙여 넣어야합니다. 그들은 페인트 또는 포토샵에 화면을 붙여 넣은 다음 이미지로 변환하고 웹 사이트에 업로드하기를 원하지 않습니다. 애플릿에 대한 참조 용 링크를 공유 할 수 있다면 감사하게 생각하십시오. 감사합니다 –
[애플릿 정보. 페이지] (http://stackoverflow.com/tags/applet/info) 내가 애플릿에 대한 '최고의 링크'를 집중 시켰습니다. –