duanchouyi6730 2018-08-16 08:45
浏览 28
已采纳

使用PHP或Javascript重命名本地磁盘上的文件

I have a scenario in which user is prompted for selecting a file from local disk (an image). Upon selection, this image is shown in browser (without uploading). After seeing the image user inputs a number in CN No field. Upon submit I want to rename the file on local disk with the number input by user. Is there some way to do this in code using PHP or Javascript?

  1. <html>
  2. <head>
  3. <script type='text/javascript'>
  4. function preview_image(event)
  5. {
  6. var reader = new FileReader();
  7. reader.onload = function()
  8. {
  9. var output = document.getElementById('output_image');
  10. output.src = reader.result;
  11. }
  12. reader.readAsDataURL(event.target.files[0]);
  13. }
  14. </script>
  15. </head>
  16. <body>
  17. <form>
  18. Select File: <input type="file" accept="image/*" onchange="preview_image(event)"> <br>
  19. Enter CN No. <input type="number" id="cnno" name="cnno"> <br>
  20. <input id="sbt" type="submit" name="submit" value="Submit" accesskey="u"> <br>
  21. </form>
  22. <img id="output_image" style="width: 400px"/>
  23. </body>
  24. </html>
  • 写回答

2条回答 默认 最新

  • douzhi7661 2018-08-16 09:17
    关注

    You could do this, presuming downloading the file is ok.

    1. <html>
    2. <head>
    3. <script type='text/javascript'>
    4. var img;
    5. function preview_image(elm) {
    6. var reader = new FileReader();
    7. reader.onload = function(event) {
    8. img = event.target.result
    9. document.getElementById("image_preview").src = img;
    10. };
    11. reader.readAsDataURL(elm.files[0]);
    12. }
    13. function download() {
    14. var element = document.createElement('a');
    15. element.setAttribute('href', img)
    16. element.setAttribute('download', document.getElementById("cnno").value+'.png');
    17. element.style.display = 'none';
    18. document.body.appendChild(element);
    19. element.click();
    20. document.body.removeChild(element);
    21. }
    22. </script>
    23. </head>
    24. <body>
    25. Select File: <input type="file" accept="image/*" onchange="preview_image(this)"> <br>
    26. Enter CN No. <input type="number" id="cnno" name="cnno"> <br>
    27. <input id="sbt" type="submit" name="submit" value="Submit" accesskey="u" onclick="download()"><br>
    28. <img id="image_preview" style="width: 400px"/>
    29. </body>
    30. </html>

    </div>
    

    展开全部

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)
编辑
预览

报告相同问题?

悬赏问题

  • ¥15 在更新角色衣服索引后,Sprite 并未正确显示更新的效果该如何去解决orz(标签-c#)
  • ¥15 VAE代码如何画混淆矩阵
  • ¥15 求遗传算法GAMS代码
  • ¥15 雄安新区高光谱数据集的下载网址打不开
  • ¥66 android运行时native和graphics内存详细信息获取
  • ¥100 求一个c#通过CH341读取数据的Demo,能够读取指定地址值的功能
  • ¥15 rk3566 Android11 USB摄像头 微信
  • ¥15 torch框架下的强化学习DQN训练奖励值浮动过低,希望指导如何调整
  • ¥35 西门子博图v16安装密钥提示CryptAcquireContext MS_DEF_PROV Error of containger opening
  • ¥15 mes系统扫码追溯功能
手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部