php上傳HTML選取的圖片到伺服器

阿新 • • 發佈：2019-01-06

參考：https://blog.csdn.net/zxh543362234/article/details/47019325
主要是對php進行了一些修改~
html程式碼：

<html>  
<head>
<script>  
function setImagePreview()   
{  
        var docObj=document.getElementById("file");   
        var imgObjPreview=document.getElementById("preview");  
        if(docObj.files && docObj.files[0 
])  
        {  
            //火狐下，直接設img屬性  
            imgObjPreview.style.display = 'block';  
            imgObjPreview.style.width = '200px';  
            imgObjPreview.style.height = '200px';                      
           //imgObjPreview.src = docObj.files[0].getAsDataURL();  
           //火狐7以上版本不能用上面的getAsDataURL()方式獲取，需要一下方式     

            imgObjPreview.src = window.URL.createObjectURL(docObj.files[0]);  
        }  
        else  
        {  
            //IE下，使用濾鏡  
            docObj.select();  
            var imgSrc = document.selection.createRange().text;  
            var localImagId = document.getElementById("localImag" 
);  
            //必須設定初始大小  
            localImagId.style.width = "300px";  
            localImagId.style.height = "120px";  
            //圖片異常的捕捉，防止使用者修改後綴來偽造圖片  
            try  
            {  
                localImagId.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";  
                localImagId.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgSrc;  
            }  
            catch(e)  
            {  
                alert("您上傳的圖片格式不正確，請重新選擇!");  
                return false;  
            }  
                imgObjPreview.style.display = 'none';  
                document.selection.empty();  
         }  
         return true;  
 }  
</script>
</head>
<body>  
<form action="這裡寫你這個php介面在伺服器的路徑/uplp.php" method="post" enctype="multipart/form-data">  
    <label for="file">Filename:</label>  
    <input type="file" name="file" id="file" onchange="javascript:setImagePreview();">  
    <div id="localImag"><img id="preview" width=-1 height=-1 style="diplay:none" /></div>  
    <br>  
    <input type="submit" name="submit" value="Submit" />  
</form>  

</body>  
</html>

主要是對php程式碼進行了一些修改：

<?php
header("Content-type: text/html; charset=utf-8");
    if (1)
    {  
        if ($_FILES["file"]["error"] > 0)  
        {  
            echo "Return Code: " . $_FILES["file"]["error"] . "<br />";//檔案返回錯誤  
        }  
        else  
        {
            $imgname = $_FILES["file"]["name"];
            $url="/var/www/html/SG/uploads/";//記錄路徑  
            if (file_exists($url.$_FILES["file"]["name"]))
            {  
                echo $_FILES["file"]["name"] . " already exists. ";  
            }  
            else
            {  
                $url=$url.$_FILES["file"]["name"];  
                move_uploaded_file($_FILES["file"]["tmp_name"],$url);
                $imgurl = substr($url,strpos($url,'/')+13);//擷取第一個斜槓後13個字元（包括斜槓）後的字串
            }  
        }  
     }  
    else  
    {  
        echo "Invalid file";  
    }  
?>

結果顯示：
這裡寫圖片描述
上傳成功：

php上傳HTML選取的圖片到伺服器

參考：https://blog.csdn.net/zxh543362234/article/details/47019325 主要是對php進行了一些修改~ html程式碼： <html> <head> <script> functio

php 上傳base64編碼圖片到七牛雲

/** * 上傳base64點陣圖片到七牛雲 * $image base64點陣圖片流 */ public function uploadPicBase64($image) { // 去除base64,

關於php上傳多張圖片時，選擇圖片後就可以預覽的問題

這幾天一直在解決一個問題，上傳圖片時選擇成功後就能預覽。需求：在點選上傳圖示的時候會在前面的input框中顯示出檔名，然後點選後面的檢視按鈕就可以預覽選擇的這張圖片了，要求不能重新整理頁面 1.一開始的時候打算用ajax上傳，後來發現多張圖片一同上傳的時候會出現問題，a

通過Fckeditor把圖片上傳到獨立圖片伺服器的方法

我大概思考了下有如下幾種方法可以解決: 1.在圖片伺服器上開通FTP,人為新增圖片地址即可,但不方便,特別是在可視編輯器中看圖還的多一部操作. 2.在圖片伺服器上開通FTP,並提高IIS執行dosShell訪問ftp,但是不安全. 3.在圖片伺服器上開通IIS,WEB後臺直接訪問(還是存在在編輯器中不方便檢視

記錄：php上傳圖片至伺服器並返回顯示圖片地址

前端上傳圖片主要程式碼：upload_test.html<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&g

PHP上傳圖片

str func height adas post ont utf-8 mkdir dataurl HTML部分：<div class="sc-img"></div> <p><input type="file" class="f

php上傳文件與圖片到七牛的實例詳解

null images n) spa 最簡 neu err allow -c 上傳文件到七牛最簡單的方式就是使用七牛官方最新的SDK 用composer安裝PHP SDK composer require qiniu/php-sdk 上傳文件到七牛 use Qiniu\

PHP上傳圖片例子

eight tee transform w3c 存在 false 4.3 handle ceil PHP上傳圖片例子源碼下載兩個文件：tu.php upload.php tu.php 代碼： 1 <?php 2 ini_set(

簡單的PHP上傳圖片和刪除圖片示例程式碼

分享一例簡單的PHP上傳圖片和刪除圖片示例程式碼，很簡單，適合初學的朋友參考，用來研究php上傳圖片還是不錯的。 <?phpif (!empty($_FILES["img"]["name"])) { //提取檔案域內容名稱，並判斷$path=”uppic/”; //上傳路徑if(!file_exist

Java Springboot結合FastDFS實現檔案上傳以及根據圖片url將圖片上傳至圖片伺服器

上一篇文章我們已經講解了如何搭建FastDFS圖片伺服器，環境我們準備好了現在就讓我們開始與Java結合將他應用到實際的專案中吧。本篇文章我們將會展示上傳圖片到FastDFS圖片伺服器以及通過外網的圖片url將圖片上傳至我們自己的圖片伺服器中。 1.建立springbo

關於jquery.fileupload結合PHP上傳圖片的開發用法流程

這陣子做了一個專案,涉及到了圖片上傳,以往用的都是uploadify這個外掛,感覺它在PC上的使用還是很強大的, 不過最近這個專案涉及到了移動端的上傳,其實uploadify也可以,但是他有一個 uploadify.swf,這個東東在移動端可是不被待見的,需要調整才可以. 我是懶得去調整uploadify,而

as3+php上傳圖片的三種方式

這裡的三種方式分別為： 1、二進位制傳輸(BINARY) 2、字串傳輸(String) 3、檔案流上傳(File) 開發IDE：FlashDevelop、Zend Studio。 1）設定FlashDevelop使用flash player10(debug版

java圖片上傳七牛雲伺服器

七牛雲地址七牛雲官網註冊首頁登入首頁實名認證：上傳身份證資訊等上傳圖片： 1.物件儲存 2.新建一個儲存空間 3.建好儲存空間後內容管理 4.預設外鏈（將於2018-08-22起改版，一個月有效期，可以在測試環境中使用）

php上傳檔案時候要是不移動到指定目錄是不會儲存在伺服器上的是嗎

我在上傳檔案時候，後臺接收到檔案，但是沒有進行對該檔案的存放做處理，是不是就意味著檔案不會儲存到我的伺服器上任何位置，只是存在記憶體中而已？

採用AFNetWorking 上傳base64的圖片到伺服器，上傳的圖片解析不了。ASIHttpRequest上傳是可以的，請教！

採用AFNetWorking 上傳base64的圖片到伺服器，上傳的圖片解析不了。ASIHttpRequest上傳是可以的，兩種寫法如下，求教，能給個思路嗎？ IOS AFNetworking upload pictures to the server.The reques

php檔案上傳到遠端ftp伺服器程式碼封裝

經常在專案中遇見將檔案上傳到遠端的ftp伺服器，自己封裝了一個ftp檔案上傳類 <?php class Ftp { /** * 上傳檔案根目錄

PHP上傳圖片並縮放

PHP上傳檔案，檔案的相關資訊儲存在$FILES這個全域性變數裡，檔案本身儲存在php.ini指定的臨時資料夾下。對圖片縮放，有兩個好處，一個是安全性問題能夠滿足，第二個能夠將不必要使用大圖的地方節

php上傳圖片自動生成縮圖方法函式

$file_name='C:\AppServ\www\_MG_9888.jpg'; $file_new='C:\AppServ\www\bbbb.jpg'; scal_pic($file_name,$file_new); function scal_pic($file_n

PHP 圖片上傳（AIP圖片上傳介面,視訊上傳同理,只需改動jpg，png等為mp4，flv等)

PHP上傳的簡單案例：　　Html檔案：<html> <form action="index.php" name="form" method="post" enctype="multipart/form-data"> <input ty

上傳android手機圖片到伺服器的方法

最近做微博開發，想實現上傳圖片的功能。於是寫個樣式，放上一些按鈕和ImageView，在程式碼中做監聽處理，這個具體就不說了。那麼如何實現上傳圖片的功能呢？這裡有兩種上傳的方式，本地相簿上傳和拍照上傳。這兩種方式都要使用startActivForResult，因為需要使

php上傳HTML選取的圖片到伺服器

相關推薦