Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/xslt/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
克隆图像,然后使用javascript重命名它_Javascript - Fatal编程技术网

克隆图像,然后使用javascript重命名它

克隆图像,然后使用javascript重命名它,javascript,Javascript,我想使用javascript重命名我在客户端使用摄像头拍摄的图像。我知道由于安全原因,这是不可能的 我已经在服务器端做了,但我需要在上传到服务器之前重命名我的图像。我可以复制图像然后重命名它吗?如果可以,我会怎么做 这是我的javascript文件 var oFile = new File([""],""); var clonedImage = new Image(); //cloning function function cloneImage () { alert("cloning

我想使用javascript重命名我在客户端使用摄像头拍摄的图像。我知道由于安全原因,这是不可能的

我已经在服务器端做了,但我需要在上传到服务器之前重命名我的图像。我可以复制图像然后重命名它吗?如果可以,我会怎么做

这是我的javascript文件

var oFile = new File([""],"");
var clonedImage = new Image();

//cloning function


function cloneImage ()
{
  alert("cloning1");

clonedImage.name = oFile.name;
document.getElementById("image_file").appendChild( clonedImage);

alert("cloning2");
alert("success" +clonedImage.name );
}

function fileSelected()
{
// get selected file element

oFile = document.getElementById('image_file').files[0];
// filter for image files

var rFilter = /^(image\/bmp|image\/gif|image\/jpeg|image\/png|image\/tiff)$/i;
if (! rFilter.test(oFile.type)) {
alert("Not a proper file format");
return;
}


cloneImage();
alert("cloning");

var oReader = new FileReader();
oReader.readAsDataURL(oFile);

alert("success = "+oFile.name);
alert("success = "+oFile.type);


}


function startUploading()
{




var formdata = new FormData(document.getElementById("upload_form"));
var imageName = oFile.name;
formdata.append("image1",oFile);


var request = new XMLHttpRequest();
request.open('POST', 'http://10.182.xx.xx/upload.php',true);

alert("start uploading");
alert("success ="+oFile.name);



request.send(formdata);

alert("finished");


 }
这是我的html文件

<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="utf-8" />
<link href="file:///android_asset/main.css" rel="stylesheet" type="text/css" />
<script src="file:///android_asset/script.js" type ="text/javascript">    </script>
</head>
<body>
    <form id="upload_form" enctype="multipart/form-data" method="POST" action="upload.php">
        <div>
            <div><label for="image_file">Please select image file</label></div>
            <div><input type="file" name="image_file" id="image_file" onchange="fileSelected()" /></div>
        </div>
        <div>
            <input type="button" name="image1" id="image1" value="Upload" onclick="startUploading()"/>

        </div>
    </form>
</body>
</html>

请选择图像文件

在上面编辑并添加了我的代码嗨,最好在uplaod.php文件中进行重命名。这非常简单。我已经完成了重命名,但出于某种原因,我需要在javascript中使用它。因此我找到了如何进行克隆的部分。有人能建议如何替换图像的名称吗。我编辑了上面的代码以包含克隆部分。