none
Загрузка графического файла из буфера обмена RRS feed

  • Вопрос

  • Ситуация следующая: пользователь нажимает клавишу "Prt Sc" и в буфере обмена оказывается графический файл. Как его можно вставить из буфера обмена на страницу(например в компонент Image)? Аналога класса Clipboard (для Window) под веб я не нашел. Или в веб-приложениях работа с буфером обмена вообще не предусмотрена?
    Заранее спасибо.
    18 марта 2010 г. 16:47

Ответы

  • Ситуация следующая: пользователь нажимает клавишу "Prt Sc" и в буфере обмена оказывается графический файл. Как его можно вставить из буфера обмена на страницу(например в компонент Image)? Аналога класса Clipboard (для Window) под веб я не нашел. Или в веб-приложениях работа с буфером обмена вообще не предусмотрена?
    Заранее спасибо.

    http://www.eggheadcafe.com/community/aspnet/3/10003302/cut-and-paste-image-from.aspx

    Cut and Paste Image from Clipboard
    Posted by Kiran Kawalli in JavaScript
    Thursday, September 21, 2006 8:43:23 AMHi All ,
            i need to cut and paste the images from external applications
             like excel,word,web sites etc to my application i am able to paste the
             images from the clipboard .. but my actual need is i need to get
             content of the pasted image and need to store it in database
             the javascript i am using is...below ... i need it urgently it will helpfull to me
             thanks in advance
              <html>
    <head>
    <script>
    function CopyToClipBoard()
    {
    var div = document.getElementById('copythis');
    div.contentEditable = 'true';
    var controlRange;
    if (document.body.createControlRange) {
    controlRange = document.body.createControlRange();
    controlRange.addElement(div);
    controlRange.execCommand('Copy');
    }
    div.contentEditable = 'false';
    }
    function PasteToClipBoard()
    {
    var div = document.getElementById('pastethis');
    div.contentEditable = 'true';
    var controlRange;
    if (document.body.createControlRange) {
    controlRange = document.body.createControlRange();
    controlRange.addElement(div);
    controlRange.execCommand('Paste');
    }
    div.contentEditable = 'false';
    }
    function GetElement()
    {
      alert(document.getElementById('pastethis').childNodes());
    }
    </script>
    </head>
    <body bgcolor="white">
    <div id="copythis">
    </div>
    <form>
    <div id="pastethis">
     this way
    </div>
    <input type="button" value="Copy To ClipBoard" onclick="CopyToClipBoard()">&nbsp;
    <input type="button" value="Paste To ClipBoard" onclick="PasteToClipBoard()">
    <input type="button" value="Paste To ClipBoard" onclick="GetElement();">
    </form>
    </body>
    </html>

     

    http://p2p.wrox.com/book-professional-javascript-web-developers-isbn-978-0-7645-7908-0/53146-paste-clipboard-image.html

    <html>
    <head>
    <script>
    function CopyToClip()
    {
    var div = document.getElementById('Temp');
    div.contentEditable = 'true';
    var cR;
    if (document.body.createControlRange)
    {
    cR = document.body.createControlRange();
    cR.addElement(div);
    cR.execCommand('Copy');
    }
    div.contentEditable = 'true';
    }
    function PasteToClip()
    {
    var div = document.getElementById('Temp');
    div.contentEditable = 'true';
    var cR;
    cImg = new Image (400,112);
    var cImg1;
    if (document.body.createControlRange)
    {
    cR = document.body.createControlRange();
    cR.addElement(div);
    cImg=cR.execCommand('Paste');

    if(cImg != null)
    {
    //Temp.src=cImg;
    document.getElementById('Temp').src=cImg;
    alert("Holding");

    }
    }
    div.contentEditable = 'true';
    }

    </script>
    </head>
    <body bgcolor="white">
    <div id="copythis">
    </div>
    <form>
    <div id="DivtoCopy">
    <img src="C:\JpgImg.jpg" id="Temp">
    </div>
    <input type="button" value="Copy2ClipBrd" onclick="CopyToClip()">
    <input type="button" value="Paste4rmClip" onclick="PasteToClip();">
    </form>
    </body>
    </html>

    http://www.google.ru/search?hl=ru&newwindow=1&client=opera&hs=2pu&rls=ru&q=Clipboard+paste+image+javascript&btnG=%D0%9F%D0%BE%D0%B8%D1%81%D0%BA&lr=&aq=f&aqi=&aql=&oq=&gs_rfai=

    • Помечено в качестве ответа I.Vorontsov 30 марта 2010 г. 7:30
    28 марта 2010 г. 15:29

Все ответы

  • Вы сами правильно ответили - в веб-приложениях работа с буфером обмена не предусмотрена. Единственное, что позволяют веб-приложения делать - это загружать файлы на сервер с помощью fileupload.

    • Помечено в качестве ответа super-medved 19 марта 2010 г. 10:07
    • Снята пометка об ответе super-medved 26 марта 2010 г. 13:06
    19 марта 2010 г. 9:01
  • Пользователь, в смысле на браузере? Посмотри jQuery, или какой другой Javascript фреймворк, обязательно что-нибудь найдёшь!  На сервере MemoryStream тебе поможет.

    23 марта 2010 г. 17:02
    • Предложено в качестве ответа BrusLi 27 марта 2010 г. 18:10
    27 марта 2010 г. 18:09
  • Так это для винформ
    А тут вопрос как с буфера передать хотя бы на fileupload

    ИМХО - согласен с akrakovetsky

    27 марта 2010 г. 22:13
  • Ситуация следующая: пользователь нажимает клавишу "Prt Sc" и в буфере обмена оказывается графический файл. Как его можно вставить из буфера обмена на страницу(например в компонент Image)? Аналога класса Clipboard (для Window) под веб я не нашел. Или в веб-приложениях работа с буфером обмена вообще не предусмотрена?
    Заранее спасибо.

    http://www.eggheadcafe.com/community/aspnet/3/10003302/cut-and-paste-image-from.aspx

    Cut and Paste Image from Clipboard
    Posted by Kiran Kawalli in JavaScript
    Thursday, September 21, 2006 8:43:23 AMHi All ,
            i need to cut and paste the images from external applications
             like excel,word,web sites etc to my application i am able to paste the
             images from the clipboard .. but my actual need is i need to get
             content of the pasted image and need to store it in database
             the javascript i am using is...below ... i need it urgently it will helpfull to me
             thanks in advance
              <html>
    <head>
    <script>
    function CopyToClipBoard()
    {
    var div = document.getElementById('copythis');
    div.contentEditable = 'true';
    var controlRange;
    if (document.body.createControlRange) {
    controlRange = document.body.createControlRange();
    controlRange.addElement(div);
    controlRange.execCommand('Copy');
    }
    div.contentEditable = 'false';
    }
    function PasteToClipBoard()
    {
    var div = document.getElementById('pastethis');
    div.contentEditable = 'true';
    var controlRange;
    if (document.body.createControlRange) {
    controlRange = document.body.createControlRange();
    controlRange.addElement(div);
    controlRange.execCommand('Paste');
    }
    div.contentEditable = 'false';
    }
    function GetElement()
    {
      alert(document.getElementById('pastethis').childNodes());
    }
    </script>
    </head>
    <body bgcolor="white">
    <div id="copythis">
    </div>
    <form>
    <div id="pastethis">
     this way
    </div>
    <input type="button" value="Copy To ClipBoard" onclick="CopyToClipBoard()">&nbsp;
    <input type="button" value="Paste To ClipBoard" onclick="PasteToClipBoard()">
    <input type="button" value="Paste To ClipBoard" onclick="GetElement();">
    </form>
    </body>
    </html>

     

    http://p2p.wrox.com/book-professional-javascript-web-developers-isbn-978-0-7645-7908-0/53146-paste-clipboard-image.html

    <html>
    <head>
    <script>
    function CopyToClip()
    {
    var div = document.getElementById('Temp');
    div.contentEditable = 'true';
    var cR;
    if (document.body.createControlRange)
    {
    cR = document.body.createControlRange();
    cR.addElement(div);
    cR.execCommand('Copy');
    }
    div.contentEditable = 'true';
    }
    function PasteToClip()
    {
    var div = document.getElementById('Temp');
    div.contentEditable = 'true';
    var cR;
    cImg = new Image (400,112);
    var cImg1;
    if (document.body.createControlRange)
    {
    cR = document.body.createControlRange();
    cR.addElement(div);
    cImg=cR.execCommand('Paste');

    if(cImg != null)
    {
    //Temp.src=cImg;
    document.getElementById('Temp').src=cImg;
    alert("Holding");

    }
    }
    div.contentEditable = 'true';
    }

    </script>
    </head>
    <body bgcolor="white">
    <div id="copythis">
    </div>
    <form>
    <div id="DivtoCopy">
    <img src="C:\JpgImg.jpg" id="Temp">
    </div>
    <input type="button" value="Copy2ClipBrd" onclick="CopyToClip()">
    <input type="button" value="Paste4rmClip" onclick="PasteToClip();">
    </form>
    </body>
    </html>

    http://www.google.ru/search?hl=ru&newwindow=1&client=opera&hs=2pu&rls=ru&q=Clipboard+paste+image+javascript&btnG=%D0%9F%D0%BE%D0%B8%D1%81%D0%BA&lr=&aq=f&aqi=&aql=&oq=&gs_rfai=

    • Помечено в качестве ответа I.Vorontsov 30 марта 2010 г. 7:30
    28 марта 2010 г. 15:29