jQuery MiniUI

标题: miniUI有对图片处理的吗 [打印本页]

作者: pradosoul 时间: 2014-3-3 10:47:57 标题: miniUI有对图片处理的吗

在form里面有上传文件的，比图说图片。
提交之后怎么在后台取到image 的File文件？

<div id="upload">
<input name="image" id="image" type="file" />
</div>

还是要通过别的方法去获取File

作者: factory 时间: 2014-3-3 12:07:23

保存图片的路径,图片存放在你的服务器文件夹里

从数据库中读取路径,返回到前台,赋值给你需要显示图片的dom元素

作者: pradosoul 时间: 2014-3-3 13:24:09

factory 发表于 2014-3-3 12:07
保存图片的路径,图片存放在你的服务器文件夹里

从数据库中读取路径,返回到前台,赋值给你需要显示图片的dom ...

我现在就是想把图片放到服务器的文件夹里，但是后台获取File image的时候，获取不到。。。
项目部署在服务器端，用另一台客户端去访问，然后上传图片文件。
通过File file = new File（path）；
报错：系统找不到指定路径

表单属性是放在 XXdto里面的

作者: pradosoul 时间: 2014-3-3 15:05:20

本帖最后由 pradosoul 于 2014-3-3 15:20 编辑

factory 发表于 2014-3-3 12:07
保存图片的路径,图片存放在你的服务器文件夹里

从数据库中读取路径,返回到前台,赋值给你需要显示图片的dom ...

<input id="fileupload1" class="mini-fileupload" name="Fdata" limitType="*.txt"
flashUrl="swfupload/swfupload.swf"
uploadUrl="upload.aspx"

/>
   <br />
   <input type="button" value="上传"/>

function startUpload() {
      var fileupload = mini.get("fileupload1");

      fileupload.startUpload();
}

用这种方式进行上传，如果表单里面还有其他的数据，如何同时传到后台？我这边是通过ajax提交
var form = new mini.Form("#form1");
         var data = form.getData();    //获取表单多个控件的数据
         var json = mini.encode(data); //序列化成JSON
         $.ajax({
            url: "../data/FormService.aspx?method=SaveData",
            type: "post",
            data: { submitData: json },
            success: function (text) {
                  alert("提交成功，返回结果:" + text);
            }
         });

作者: factory 时间: 2014-3-3 15:34:02

pradosoul 发表于 2014-3-3 15:05
function startUpload() {
var fileupload = mini.get("fileupload1");

后台没法获得文件,说明你没写对,你看我们的例子,上传指向一个上传的后台文件

你可以在你的保存表单数据的方法里面,调用fileupload的startUpload()方法,同时让他开始上传

作者: pradosoul 时间: 2014-3-3 15:48:25

factory 发表于 2014-3-3 15:34
后台没法获得文件,说明你没写对,你看我们的例子,上传指向一个上传的后台文件

你可以在你的保存表单数据 ...

例子我看了，但是表单里面只有上传的  ，没有其他的控件。
按照你的说法，也就是说，如果我在提交表单的方法里面，同时写上fileUpload.startUpload();
就像这样：
function save(){
var data = form1.getData(true);
var json = mini.encode(data);

//获取上传的文件
var fileupload = mini.get('image');
fileupload.startUpload();

$.ajax({
   url: "${pageContext.request.contextPath}/wechat/xtsz/scgl/add.action",
   type: 'post',
   data: { submitData: json},
   cache: false,
   success: function (text) {
   }

}）；

这样，能保证file提交跟表单提交同时提交到同一个action中吗？
谢谢！！

作者: factory 时间: 2014-3-3 17:23:51

pradosoul 发表于 2014-3-3 15:48
例子我看了，但是表单里面只有上传的，没有其他的控件。
按照你的说法，也就是说，如果我在提交表单的 ...

可以的,写在一个后台页面上

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)