アップロードされたファイル

Question

としてフォームに画像を送信する私は、ユーザーがいくつかのアドオン情報を入力する必要があり、フォームに画像としてキャンバスを送信するこのhttps://cloth.ardive.id/Tshirt/index.html

のようなコードを持っていた（名前、カテゴリ）この形式で前のページからの画像が表示され、ユーザーは画像をもうアップロードする必要はありません。だから、彼らがフォームを提出するとき、投稿フォームには画像が入ったキャンバスを送信したいので

という充実した情報データが含まれているので、イメージにキャンバスを生成し、

これは、ユーザーのデスクトップにすでにキャンバスから生成された画像を保存するためのコードである コードがcanvas2image.js

// sends the generated file to the client 
 
    \t var saveFile = function(strData) { 
 
    \t \t document.location.href = strData; 
 
    \t } 
 
    
 
    \t var makeDataURI = function(strData, strMime) { 
 
    \t \t return "data:" + strMime + ";base64," + strData; 
 
    \t } 
 
    
 
    \t // generates a <img> object containing the imagedata 
 
    \t var makeImageObject = function(strSource) { 
 
    \t \t var oImgElement = document.createElement("img"); 
 
    \t \t oImgElement.src = strSource; 
 
    \t \t return oImgElement; 
 
    \t } 
 
    
 
    \t var scaleCanvas = function(oCanvas, iWidth, iHeight) { 
 
    \t \t if (iWidth && iHeight) { 
 
    \t \t \t var oSaveCanvas = document.createElement("canvas"); 
 
    \t \t \t oSaveCanvas.width = iWidth; 
 
    \t \t \t oSaveCanvas.height = iHeight; 
 
    \t \t \t oSaveCanvas.style.width = iWidth+"px"; 
 
    \t \t \t oSaveCanvas.style.height = iHeight+"px"; 
 
    
 
    \t \t \t var oSaveCtx = oSaveCanvas.getContext("2d"); 
 
    
 
    \t \t \t oSaveCtx.drawImage(oCanvas, 0, 0, oCanvas.width, oCanvas.height, 0, 0, iWidth, iHeight); 
 
    \t \t \t return oSaveCanvas; 
 
    \t \t } 
 
    \t \t return oCanvas; 
 
    \t } 
 
    
 
    \t return { 
 
    
 
    \t \t saveAsPNG : function(oCanvas, bReturnImg, iWidth, iHeight) { 
 
    \t \t \t if (!bHasDataURL) { 
 
    \t \t \t \t return false; 
 
    \t \t \t } 
 
    \t \t \t var oScaledCanvas = scaleCanvas(oCanvas, iWidth, iHeight); 
 
    \t \t \t var strData = oScaledCanvas.toDataURL("image/png"); 
 
    \t \t \t if (bReturnImg) { 
 
    \t \t \t \t return makeImageObject(strData); 
 
    \t \t \t } else { 
 
    \t \t \t \t saveFile(strData.replace("image/png", strDownloadMime)); 
 
    \t \t \t } 
 
    \t \t \t return true; 
 
    \t \t }

であります

がこの

<!-- export option (png, jpg, bmp) --> 
 
           <li> 
 
            <div class="btn-group dropup"> 
 

 
             <a class="dropdown-toggle export btn" data-toggle="dropdown" href="#"> 
 
             Export 
 
             <span class="caret"></span> 
 
             </a> 
 

 
             <ul class="dropdown-menu"> 
 
             <li> 
 
              <a href="#" class="exportas" data-type='png'>PNG</a> 
 
              <a href="#" class="exportas" data-type='jpg'>JPG</a> 
 
              <a href="#" class="exportas" data-type='bmp'>BMP</a> 
 
             </li>

のようなその表情ので、どのようなアイワナ、機能

//export options 
 
    $('.exportas').click(function(){ 
 
     // get type to export 
 
     var to = $(this).data('type'); 
 
     // alert(to); 
 
     // get our canvas 
 
     var oCanvas = document.getElementById("mycanvas"); 
 
    // support variable 
 
    var bRes = false; 
 
     if(to == 'png'){ 
 
      // export to png 
 
      bRes = Canvas2Image.saveAsPNG(oCanvas); 
 
     } 
 
     if(to == 'jpg'){ 
 
      // maybe in some old browsers it works only on Firefox 
 
      bRes = Canvas2Image.saveAsJPEG(oCanvas); 
 
     }if(to == 'bmp'){ 
 
      Res = Canvas2Image.saveAsBMP(oCanvas); 
 
     } 
 
     // if browser doesn't support mimetype alert user 
 
     if (!bRes) { 
 
      alert("Sorry, this browser is not capable of saving " + strType + " files!"); 
 
      return false; 
 
     }

とのindex.html上を分類するための別のjsでありますあなたにお願いします、イメージをフォームに送信するコードを作る方法（フォームi私は上記のとおりです。おかげ

Answer 1

のでイメージはすでにあなたはちょうどそれを保存する必要がアップロードされている？ `

$ds   = DIRECTORY_SEPARATOR; //1 

$storeFolder = 'upload'; //2 

$tempFile = $_FILES['file']['tmp_name'];   //3    

$targetPath = dirname(__FILE__) . $ds. $new_folder . $ds; //4 

$targetFile = $targetPath. $_FILES['file']['name']; //5 

move_uploaded_file($tempFile,$targetFile); //6 

私は、これはupload.phpあるので、あなたはPHPでこのような何かを試すことができると思います。アップロードするPHPをindex.htmlに実装する必要があります