1. js怎麼把base64的字元串轉換成圖片
C#的轉復換, JS 就不清制楚啦, 希望對樓主有幫助
private void button2_Click(object sender, EventArgs e)
{
OpenFileDialog dlg = new OpenFileDialog();
dlg.Title = "選擇要轉換的base64編碼的文本";
dlg.Filter = "txt files|*.txt";
if (DialogResult.OK == dlg.ShowDialog())
{
Base64StringToImage(dlg.FileName);
}
}
2. 如何通過js將一base64編碼的圖片顯示在html中
通過img標簽就可以顯示。默認就支持base64顯示
看看這個網站base64轉圖片就能理解了base64轉圖片
3. js 將圖片轉換為base64編碼
將圖片轉換為Base64
獲取圖片Base64編碼
方式一:Blob和FileReader 對象
實現原理:
使用xhr請求圖片,並設置返回的文件類型為Blob對象[xhr.responseType = "blob"]
使用FileReader 對象接收blob
方式二:canvas.toDataURL()方法
實現原理:
使用canvas.toDataURL()方法
需要解決圖片跨域問題 image.crossOrigin = '';
使用了Jquery庫的$.Deferred()方法
4. 我想實現 html +js 上傳圖片 並保存到本地tmp目錄下,現有代碼如下,求指導。必採納
你js代碼把文件以base64編碼形式展示了出來,是為了讓用戶上傳文件之前能夠預覽對吧。
文件的IO操作需要用後端來實現,如果你只是做web前端開發的話,就沒有必要研究這個東西,如果你是後端開發者的話可以嘗試一下,相關的資料很多,我寫個示例吧,後端用php為例:
html實現:
<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<title>ss</title>
</head>
<body>
<formaction="file.php"method="post"enctype="multipart/form-data">
<inputtype="file"name="upfile">
<inputtype="submit"value="提交">
</form>
</body>
</html>
php實現(file.php):
<?php
@header('Content-Type:text/html;charset=utf-8');
if(!isset($_FILES['upfile'])){
exit('請選擇您要上傳的文件!');
}
if(!file_exists($_FILES['upfile']['tmp_name'])){
exit('您要上傳的文件不存在!');
}
$file_dir=dirname(__FILE__).'/tmp';
if(!is_file($file_dir)){
@mkdir($file_dir,0777,true);
}
$file_ext='.jpg';
if(preg_match('/(.w+)$/',$_FILES['upfile']['name'],$ext_tmp)){
$file_ext=$ext_tmp[1];
}
$file_save_path=$file_dir.'/'.uniqid().mt_rand(101,999).$file_ext;
@rename($_FILES['upfile']['tmp_name'],$file_save_path);
if(!file_exists($file_save_path)){
exit('文件上傳失敗!');
}
exit('文件上傳成功!');