上传图片文件 · 大白中文编程在线帮助文档

## 特别注意因为浏览器出于安全考虑上传图片文件的网页控件是不允许JS直接设置文件路径的,不然的话用户打开网站就被人盗走文件那是很可怕的事,所以需要在伪代码里使用特定的函数来实现设置文件路径,或是获取到上传按钮的位置后用鼠标模拟点击选择指定文件确定上传. ## 本地测试例子 1. QQ截图一个jpg格式的图片保存到C盘"c:\1.jpg" 2. 桌面上新建"up.html"文件(文件路径将为C:/Users/Administrator/Desktop/up.html),HTML源代码如下: ``` <!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <form action="demo-form.php"> 选择图片: <input id="img" type="file" name="img" > <input type="submit"> </form> </body> </html> ``` 3. 新建一个有界面工程,复制粘贴以下伪代码进去,然后运行可以看到效果: ``` IDE交互.日志输出("正在运行有界面示例"); 界面窗.设置是否置顶(真); 界面窗.设置宽高(260,180); //函数名不要使用系统关键字,如"如果"/"执行"/"导入"等词定义开始 = 函数(){ IDE交互.日志输出("点击了开始按钮") //如果之前已经启动了chrome,要先关闭chrome再点"运行"按钮,不然端口被占用着连接不上控制不了定义结果,会话ID = 浏览器.启动("E:\ChromeGreen2\Chrome2.exe",55555); IDE交互.日志输出(结果,会话ID); 如果(!结果){ IDE交互.日志输出("启动chrome失败,请检查chrome路径是否正确"); 返回; } //打开本地的HTML文件浏览器.转到网址("file:///C:/Users/Administrator/Desktop/up.html"); //可以直接设置文件上传框的值,省了鼠标模拟点击选择文件等系列动作 //文件必须存在,不然会设置失败浏览器.置上传框值("input","c:\1.jpg") ; } 定义停止 = 函数(){ IDE交互.日志输出("点击了停止按钮") IDE交互.清空日志() } 定义测试A = 函数(文本参数){ IDE交互.日志输出("点击了测试按钮,测试A函数被调用了,传进来的参数是:"+文本参数) } //在界面接口里写响应网页界面控件事件的函数 //注意:界面接口里不能使用中文函数名,不然网页JS那边调用不了界面.接口 = { start = 函数(){ //点击示例界面中的开始按钮时,会通过js代码external.start()调用此界面.接口start函数开始() } stop = 函数(){ //点击示例界面中的开始按钮时,会通过js代码external.stop()调用此界面.接口stop函数停止() } test = 函数(文本参数){ 测试A(文本参数); } } ```